Los estilos de componentes personalizados no se aplican tras la eliminación y la re-suma

Question

Versión GrapesJS [x] Confirmo que uso la última versión de GrapesJS ¿Qué navegador usas? Chrome v143.0.7499.193 Enlace de demo reproducible https://codesandbox.io/p/sandbox/2l3887 Describe el bicho ¿Cómo reproducir el bicho? Abre la página y carga el editor GrapesJS Selecciona el componente Fila y elimínalo Haz clic en el componente Fila en la barra lateral izquierda para añadir una Fila al lienzo ¿Cuál es el comportamiento esperado? El componente Row recién añadido debería mostrar los estilos...

mdmontesinos · Accepted Answer

Me estoy enfrentando a un problema similar, donde el componente reañadido tiene la propiedad de estilos correctos: <img width="1112" height="17" alt="Image" src="https://github.com/user-attachments/assets/474011c4-b1be-48df-9aa8-14c3dcdfc68d" /> Pero si uso el botón "Ver código", el CSS no se inyectó, en mi caso ni siquiera están en el DOM. El componente en sí funciona, porque cuando se añadió por primera vez, los estilos estaban realmente inyectados y funcionaban bien. Solo después de quitarlo...

artf · Answer

@mdmontesinos tu uso no es correcto, los 'estilos' deben definirse en la definición de componentes, y no se espera que cambien. Además, es incorrecto usar IDs para la definición de componentes si se espera que el componente se reutilice, el ID se recreará, dependerá de clases, especialmente para estilos. Pero el informe de @shery parece legítimo; Puede que haya un problema con el almacenamiento en caché de estilos.

mdmontesinos · Answer

@artf estoy usando un ID porque siempre habrá una instancia única de ese componente en mi proyecto. Mi caso de uso es que un componente está diseñado externamente para usarse como "fondo de fondo" y luego importado a proyectos que lo utilizan. Por lo tanto, cuando se actualiza el componente externo, también necesito actualizarlo en mi proyecto, por eso intento recrearlo, y puede que sus componentes o estilos hayan sido modificados. ¿Hay alguna forma de forzar que los estilos se actualicen a los...

Los estilos de componentes personalizados no se aplican tras la eliminación y la re-suma

Pregunta

Respuestas (4)

Preguntas y respuestas relacionadas

Al hacer clic en 'envolver para estilo' afecta los componentes internos de otros componentes dentro del mismo cuadro de texto

!important se añade a todos los estilos de componentes

Panel de capas: arrastrar y soltar hace que los objetos desaparezcan (Firefox y Chrome)

Cuando eliminas un componente, las clases duplicadas entre componentes se eliminan.

Plugins de pago que cumplen con este problema

Tutoriales relacionados

GrapesJS custom components guide (2026)

Building an AI-Assisted Document Engine with Next.js, GrapesJS, and the AI SDK

Ship to Production Faster: What’s New in GrapesJS Shadcn

Explorar categorías de plugins