Escucha cualquier cambio en el lienzo
De hecho, creo que hay un evento que podría cumplir con este propósito. ¿Podrías intentar definir tu callback de método en 'change:changesCount'? grapesjs\src\editor\model\Editor.js:64 'this.on('change:changesCount', this.updateChanges, this);'
Lee la respuesta completa abajo ↓Pregunta
Hola a todos,
Tengo un requisito donde añadí un botón que guarda la configuración en la base de datos remota. Ahora me gustaría escuchar cualquier cambio en el lienzo para activar o desactivar el botón. Por ejemplo, si hay algún cambio, activa el botón de guardar para que el usuario pueda guardarlo. He revisado los eventos disponibles pero no he encontrado nada que escuche ningún cambio (Estilo, Añadir/eliminar componentes).
¿Alguna ayuda? @artf
Un cordial saludo Milap
Respuestas (3)
De hecho, creo que hay un evento que podría cumplir con este propósito. ¿Podrías intentar definir tu callback de método en 'change:changesCount'?
grapesjs\src\editor\model\Editor.js:64 'this.on('change:changesCount', this.updateChanges, this);'
No estoy seguro de si hay un evento exclusivo que escuche cualquier cambio en el lienzo. ¿Quizá podrías hacer que tu método funcione en todos los eventos de lienzo en su lugar?
https://github.com/artf/grapesjs/blob/dev/src/editor/index.js#L53 '* ## Lienzo
-
- 'canvas:dragenter' - Cuando algo se arrastra dentro del lienzo, la instancia 'DataTransfer' pasa como argumento
-
- 'canvas:dragover' - Cuando algo se arrastra en el lienzo, la instancia de 'DataTransfer' pasó como argumento
-
- 'canvas:drop' - Algo se deja caer en canvas, la instancia de 'DataTransfer' y el modelo descartado se pasan como argumentos
-
- 'canvas:dragend' - Cuando se termina una operación de arrastre, la instancia de 'DataTransfer' pasa como argumento
-
- 'canvas:dragdata' - En cualquier análisis de dataTransfer, la instancia 'DataTransfer' y el 'resultado' se pasan como argumentos.
@IStirton10 Déjame probarlo. Supongo que esto debería funcionar.
Un cordial saludo Milap
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #2009
'Select' rasgo sin actualización en modo edición
Hola, Hay un problema conmigo, no sé si viene de mi código o de grapejs en sí, Para la herramienta LINK, toma sus enlaces de mi base de dat...
Issue #1966
[PREGUNTA] Bucle sobre todos los componentes
Hola a todos, Quiero crear un conector para cada botón que añada al lienzo. Esto está funcionando perfectamente. Sin embargo, cuando recarg...
Issue #1671
[Pregunta] Añadir html una vez que el canvas esté borrado.
Hola Artur Me gustaría añadir algo de código html por defecto cuando los usuarios pulsen el botón de borrar. Por ejemplo, una sección por d...
Issue #1543
[Pregunta] Activar la casilla de verificación Traist por defecto
Hola. Soy nuevo en GrapesJs y hasta ahora me está gustando mucho. Pero ahora tengo una pregunta (probablemente para principiantes): ¿Cómo p...
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.