¿Cualquier evento o evento de disparo cuando se deja caer un bloque dentro del lienzo?
Hola @fsaiyedOB, He podido lograr esto con el evento 'component:update' que se muestra aquí: https://github.com/artf/grapesjs/wiki/API-Editor#available-events Mi código se ve algo así
Lee la respuesta completa abajo ↓Pregunta
Hola, ¿Cómo puedo activar algún evento cuando se actualiza cualquier bloque o contenido nuevo dentro del canvas? Algo como 'editor.onCanvasUpdate()'
¡Gracias!
Respuestas (3)
Hola @fsaiyedOB,
He podido lograr esto con el evento 'component:update' que se muestra aquí: https://github.com/artf/grapesjs/wiki/API-Editor#available-events
Mi código se ve algo así
editor.on("component:update", function() {
Haz cosas aquí
});
Cuando pregunté por saber cuándo el lienzo está sucio para poder indicar, @artf me dijo:
editor.on('change:changesCount', (editorModel, changes) => {
si (cambia) {
Haz algo con los cambios
} else {
hacer otra cosa sin cambios
}
});
También añadiría un evento específico para cada bloque '''js editor.on('bloque:arrastrar:stop', modelo => console.log('drop', model))
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
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 #1811
changesCount change al hacer clic en cualquier elemento del editor
Hola, He usado changesCount para redimensionar el editor si ocurre algún cambio en el lienzo. Pero cuando selecciono cualquier elemento en...
Issue #2014
[BUG] - No se puede obtener contenido de un bloque de enlace
Hola a todos, Estoy usando la versión 0.14.52 de grapesjs. Estoy teniendo el siguiente problema: Cuando dejo un bloque de enlace dentro del...
Issue #2013
[BUG] - No se puede obtener contenido de un bloque de enlace
Hola a todos, Estoy usando la versión 0.14.52 de grapesjs. Estoy teniendo el siguiente problema: Cuando dejo un bloque de enlace dentro del...
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.