El evento "component:add" se activa cuando se mueven componentes
@japo32 todos los eventos públicos disponibles están documentados aquí: https://grapesjs.com/docs/api/editor.html#available-events
Lee la respuesta completa abajo ↓Pregunta
Tomado de https://github.com/artf/grapesjs/wiki/API-Editor
component:add - Se activa cuando se añade un nuevo componente al editor, el modelo se pasa como argumento al callback
Tengo entendido que el component:add solo debería llamarse cuando el bloque se arrastra desde el panel de bloques y se suelta en el editor. No creo que esto deba pasar cuando un bloque se mueve por el editor (para eso es component:update...)
Reproducir
- https://jsfiddle.net/szLp8h4n/11/
- Mueve cualquiera de los componentes de texto dentro de la página.
- Se mostrará una alerta.
Gran proyecto, por cierto. 👍
Respuestas (3)
@japo32 todos los eventos públicos disponibles están documentados aquí: https://grapesjs.com/docs/api/editor.html#available-events
¿Alguna novedad sobre este problema? Sigue llamando a un evento component:add cuando simplemente muevo un componente.
Funciona. ¡Gracias@artf
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #3235
"component:update" no se activa cuando se mueven componentes
Extraído de https://github.com/artf/grapesjs/blob/dev/src/editor/index.js#L33 'component:update' - Se activa cuando un componente se actual...
Issue #581
Eventos relacionados con los componentes de lectura
La wiki de la API del editor lista un conjunto de eventos relacionados con componentes que pueden ser escuchados (por ejemplo, 'component:a...
Issue #5305
El evento "component:add" se activa cuando se mueven componentes
Versión GrapesJS 0.21.4[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Versión de Chrome 113.0.5672.63 Enla...
Issue #3419
HAZAÑA: Evento al que conectarse después de que editor.render haya sido ejecutado
¿Qué intentas añadir a GrapesJS? Como se describe en BUG: El atributo "visible" de los paneles no impide el renderizado de los paneles, int...
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 →Explorar categorías de plugins
Ve directamente a las páginas de categorías de plugins en el marketplace.