Issue #905💬 RespondidoAbierto el 27 de febrero de 2018por konstantin55000Reacciones 0

Necesito encontrar eventos necesarios.

Respuesta rápidapor konstantin55000

Si necesitas explicar más sobre la situación, por favor escribe. Aquí he intentado describirlo en vídeo https://www.screencast.com/t/V2mGBFXp Así que cuando el texto cae en Form, necesito Event, para detectar el componente Form

Lee la respuesta completa abajo ↓

Pregunta

¡Hola a todos!

Al arrastrar un bloque al lienzo, y sueltarlo: ... Tenemos un evento que detectar, en qué bloque caemos.

 editor.on('block:drag:stop', function(currentBlock) {
    console.log('todo bien, actualBlock);
}

?: pero cuando dejo caer texto de bloque, en la forma, (en otras palabras, anido un bloque en otro) ¿Cómo puedo detectar: *en qué bloque específico ocurre el anidamiento?. Qué evento se especifica para detectar dicho componente. He probado eventos canvas:dragenter y canvas:drop, pero no hacen burbujas cuando sueltan componentes en lienzo.

¡Gracias a toda la comunidad que está ayudando!

PD: De alguna manera esos eventos nunca ocurren

 editor.on('canvas:dragenter', function(dt, currentComp) {
        console.log('dragador de lona', dt, actualComp);
    });
    
editor.on('canvas:drop', function(dt, currentComp) {
        console.log('caída de lienzo: ',dt, actualComp);
    }); 

Respuestas (3)

konstantin5500027 de febrero de 2018

Si necesitas explicar más sobre la situación, por favor escribe. Aquí he intentado describirlo en vídeo https://www.screencast.com/t/V2mGBFXp Así que cuando el texto cae en Form, necesito Event, para detectar el componente Form

artf2 de marzo de 2018

Hola Konstantin, primero que nada, los eventos 'canvas:*' se introdujeron desde el https://github.com/artf/grapesjs/releases/tag/v0.13.5 usando HTML5 D&D y, por tu screencast, parece que no lo estás usando. Por cierto, ¿qué pasa con comprobar el elemento padre del actual '''js editor.on('block:drag:stop', droppedComponent => { console.log('¿Estoy dentro de la forma?', droppedComponent.closest('form')); }

lock[bot]17 de septiembre de 2019

Este hilo se ha bloqueado automáticamente porque no ha habido actividad reciente desde que se cerró. Por favor, abre un nuevo problema para bugs relacionados.

Preguntas y respuestas relacionadas

Continúa investigando con debates sobre temas similares.

Plugins de pago que cumplen con este problema

Seleccionado por temas clave y relevancia de etiquetas para ayudarte a enviar más rápido.

Ver todos los plugins

Cargando recomendaciones de plugins de pago...

Opción gratuita

Consulta los plugins de código abierto de GrapesJS en GitHub O haz una búsqueda rápida en nuestro catálogo gratuito.

Explora plugins gratuitos →
Opción premium

Los plugins premium incluyen soporte, actualizaciones regulares y funciones listas para producción — ahorrando días de trabajo de integración.

Explora plugins premium →

Tutoriales relacionados

Guías detalladas sobre el mismo tema.

Todos los tutoriales →

Explorar categorías de plugins

Ve directamente a las páginas de categorías de plugins en el marketplace.