PageKit: el creador de sitios GrapesJS autoalojado, con el código fuente incluido. Obtener acceso anticipado

Issue #1864✓ ResueltoAbierto el 6 de marzo de 2019por simplecommerceReacciones 3

¿La mejor manera de escuchar los cambios en el HTML final?

Respuesta rápidapor a-bashtannik❤ 2

@simplecommerce, prueba también esto, quizá te quede mejor '''javascript editor.on('change:changesCount', e => { ¡Cambio! }); ```

Lee la respuesta completa abajo ↓

Pregunta

Hola, Solo tenía una pregunta rápida porque no sabía cómo hacerlo o no encontré ningún problema relacionado. Solo intento llamar a una función cuando se haga algún cambio en el lienzo. Por ejemplo, estoy añadiendo un bloque o quitando un bloque. Estoy cambiando los atributos usando el gestor de estilos. O arrastrar y soltar los bloques dentro del lienzo. O incluso actualizar los rasgos. ¿Hay algún evento global que pueda escuchar que active mi función? No me refiero a cambios reales en el Canvas en sí, sino a cambios que se aplican al HTML final cuando llamo al editor de métodos getHtml(). ¡C...

Respuestas (3)

👍 Muy útila-bashtannik• 7 de marzo de 2019

@simplecommerce, prueba también esto, quizá te quede mejor '''javascript editor.on('change:changesCount', e => { ¡Cambio! });

arthuralmeidap• 6 de marzo de 2019

La forma en que lo hiciste es la más sencilla para lograrlo, en mi opinión.

arthuralmeidap• 6 de marzo de 2019

¿Qué quieres lograr al final?

Podrías usar algo como 'editor.on('all', () => //tu código aquí );' pero esto no es nada práctico. GrapesJS está activando muchos eventos y no creo que esto se adapte a tus necesidades.

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.