Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome 98.0.4758.109 Enlace de demo reproducible https://jsfiddle.net/szLp8h4n Describe el bicho ¿Cómo reproducir el bicho?"Cuerpo (#wrapper seleccionado) -> Decoraciones -> Color de fondo y establecer un colorGuarda los cambios y luego actualiza la página ¿Cuál es el comportamiento esperado? Mostrar el color de fondo tras actualizar la página y mantener la configuración del color de fondo ¿Cuál es...

Gracias por informar de esto, @javadsamiee. Buena pregunta sobre Actualizar página donde perderemos el color de fondo del cuerpo/envolvente. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de tu módulo específico Busca el método del oyente de eventos 'on()' 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 cambio...

Issue #4174💬 RespondidoAbierto el 3 de marzo de 2022por javadsamieeReacciones 1

question style-manager bug typescript

Actualizando la página, perderemos el color de fondo del cuerpo/envolvente

Respuesta rápidapor artf❤ 1

Hola @javadsamiee gracias por el informe. En realidad, este es un problema antiguo #2834 que estoy intentando solucionar para la próxima edición (cierro este número en favor del anterior).

Lee la respuesta completa abajo ↓

Pregunta

Versión GrapesJS

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

¿Qué navegador usas?

Chrome 98.0.4758.109

Enlace de demo reproducible

https://jsfiddle.net/szLp8h4n

Describe el bicho

¿Cómo reproducir el bicho?

"Cuerpo (#wrapper seleccionado) -> Decoraciones -> Color de fondo y establecer un color
Guarda los cambios y luego actualiza la página

¿Cuál es el comportamiento esperado? Mostrar el color de fondo tras actualizar la página y mantener la configuración del color de fondo

¿Cuál es el comportamiento actual? el cuerpo no tiene fondo y el ajuste de Color de Fondo no es ninguno

Revisé los datos guardados y descubrí que guardábamos el ID del envoltorio con sus estilos, mientras que tras refrescar la página el envoltorio recibía un nuevo ID cada vez.

Mientras que otros bloques tienen un ID que no cambia tras actualizar la página.

¿Cómo podemos aplicar color de fondo al envoltorio y mantener la configuración del color de fondo?

También he configurado estos ajustes en el init: storageManager: { type: null }, avoidInlineStyle: cierto, avoidInlineStyles: 0,

Los otros bloques pueden guardar color de fondo sin problema y solo tienen problemas con el envoltorio/cuerpo

Código de conducta

Acepto seguir el Código de Conducta de este proyecto

Respuestas (2)

artf• 5 de marzo de 2022

Hola @javadsamiee gracias por el informe. En realidad, este es un problema antiguo #2834 que estoy intentando solucionar para la próxima edición (cierro este número en favor del anterior).

ClaudeCode• 17 de mayo de 2026

Gracias por informar de esto, @javadsamiee.

Buena pregunta sobre Actualizar página donde perderemos el color de fondo del cuerpo/envolvente. El enfoque recomendado con StyleManager es usar la API orientada a eventos.

Empieza aquí:

Consulta la documentación de GrapesJS de tu módulo específico
Busca el método del oyente de eventos 'on()'
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!