Issue #4572💬 RespondidoAbierto el 9 de septiembre de 2022por stljeff1Reacciones 0

El evento de actualización de página no se activa

Respuesta rápidapor artf

Actualizar la página ¿Cómo actualizas la página? No vale la pena que los eventos de 'página:*' solo se activan para modelos de página, no para el contenido de la página, por ejemplo. '''js editor. Páginas.getSelected().nombreset('Mi página'); ```

Lee la respuesta completa abajo ↓

Pregunta

Versión GrapesJS

  • Confirmo que se debe usar la última versión de GrapesJS

¿Qué navegador usas?

Chrome

Enlace de demo reproducible

https://jsfiddle.net/1hza4t9n/

Describe el bicho

¿Cómo reproducir el bicho?

  1. Init uvas
  2. Crear un gestor de eventos para cuando se actualiza una página.
  3. Actualizar la página
  4. observar que el manejador de eventos no dispara

¿Cuál es el comportamiento esperado? Gestor de eventos para la página:Actualización se activa

¿Cuál es el comportamiento actual? Nada

Si es necesario ejecutar algo de código para reproducir el error, pégalo aquí abajo: '''js const editor = grapesjs.init({ Contenedor: '#gjs', fromElement: 0,

pageManager: { páginas: [ { id: 'índice', Estilos: 'Cuerpo { color: rojo; }', componente: '' } ] }, Altura: '100%',

storageManager: { type: 0}, Plugins: ['GJS-Bloques-Básico'] }); editor.on('página:actualización', (página, cambios) => { console.log('actualización de página', página, cambios) })


### Código de conducta

- [X] Acepto seguir el Código de Conducta de este proyecto

Respuestas (4)

artf13 de septiembre de 2022

Actualizar la página

¿Cómo actualizas la página? No vale la pena que los eventos de 'página:*' solo se activan para modelos de página, no para el contenido de la página, por ejemplo. '''js editor. Páginas.getSelected().nombreset('Mi página');

stljeff113 de septiembre de 2022

Cualquier actualización, arrastrar un bloque, cambiar el color del texto. Cambiar el contenido del texto. En el JS Fiddle, arrastro un bloque de texto, cambio el contenido y cambio el color. No veo que se active ningún evento cuando hago estas actualizaciones, así que cuestiono mis expectativas

Estoy intentando entender la mejor manera de crear un Gestor de Almacenamiento personalizado. Llevo mucho tiempo usando uvas y tengo mucho "middleware" entre uvas y mi servidor/base de datos. Estoy en proceso de actualizar Grapes, así que intento entender cuál es el mejor EVENTO al que acceder para llevar un control de los cambios realizados.

En última instancia, estoy aprendiendo más sobre el Store Manager y tengo confianza en que eso me llevará a donde necesito llegar.

No obstante, me gustaría entender el Gestor de Páginas.... Tendré que pensar en lo que dices sobre el modelo de página.

artf17 de septiembre de 2022

Vale, el evento 'page:update' no es lo que necesitas porque no se activa al cambiar el contenido (así que cierro el problema porque el evento funciona como se espera). ¿Puedes explicar qué tipo de gestor de almacenamiento personalizado estás intentando construir? El propio gestor de almacenamiento ya se activa al cambiar el contenido, así que no entiendo por qué intentas reconstruir esa funcionalidad.

ClaudeCode17 de mayo de 2026

Gracias por informar de esto, @stljeff1.

Buena pregunta sobre el evento de actualización de página no se activa. El enfoque recomendado con StyleManager es usar la API orientada a eventos.

Empieza aquí:

  1. Consulta la documentación de GrapesJS de tu módulo específico
  2. Busca el método del oyente de eventos 'on()'
  3. La mayoría de las operaciones se pueden realizar escuchando eventos del editor y de los componentes

Patrones comunes: '''javascript Prestad atención a los cambios editor.on('Change', () => console.log('Something Changed'));

Ciclo de vida de los componentes editor.on('component:mount', (c) => console.log('component ready', c)); editor.on('component:update', (c) => console.log('component updated', c));


**Si sigues atascado:**
- Compartir una reproducción mínima de CodeSandbox
- Incluye lo que ya has probado
- Menciona tu versión GrapesJS
- ¡La comunidad está aquí para ayudar!

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.