Necesito encontrar eventos necesarios.
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)
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
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')); }
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.
Issue #503
evento de comando que se activa cuando hacemos clic en "Ocultar vista previa"
Hola, editor.on('run:preview', () => { console.log('preview ON') }) Esto funciona bien. Ahora necesito el evento de comando que se activa c...
Issue #816
[PREGUNTA] Añade bloque de imagen a través de la API del editor
Hola @artf, Cuando arrastro y suelto un bloque de imagen dentro del lienzo, se activa el evento 'activo' para el bloque de imagen que ejecu...
Issue #1875
[PREGUNTA] Cambios de ID al importar HTML o pasar HTML en components prop en config.
Hola, He creado un componente y un bloque que puedo arrastrar y soltar en el lienzo. Mi problema es que algunos estilos dependen del ID. Sé...
Issue #727
Dos dispositivos con el mismo ancho
Hola a todos, Tenemos un escenario en el que necesitamos tener dos dispositivos con el mismo ancho. Casi todo funciona bien, pero cuando in...
Plugins de pago que cumplen con este problema
Seleccionado por temas clave y relevancia de etiquetas para ayudarte a enviar más rápido.
Cargando recomendaciones de plugins de pago...
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 →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.
Explorar categorías de plugins
Ve directamente a las páginas de categorías de plugins en el marketplace.