Los estilos de elementos eliminados siguen guardándose
Intenta usar la opción 'clearStyles' '''js const editor = grapesjs.init({ // ... clearStyles: cierto, }); ```
Lee la respuesta completa abajo ↓Pregunta
Comportamiento esperado: Después de eliminar un elemento del lienzo que ha recibido estilos personalizados usando el gestor de estilos, los estilos del elemento eliminado ya no deberían guardarse en el JSON de 'estilos'.
Comportamiento real: El JSON 'styles' conserva las entradas de los elementos eliminados en la partida.
Pasos para reproducirse:
- El fiddle basado en la plantilla inicial que registra el JSON de 'estilos' en la consola en la partida guardada está disponible en: https://jsfiddle.net/g48sLxrt/
- Modificar el bloque de texto predeterminado, cambiando su color a rojo usando el gestor de estilos. Lo siguiente aparece en la consola: '''json [{"selectors":[{"name":"c620","label":"c620", "type":1,"active":true,"private":false,"protected":false}],"style":{"padding":"25px", "color":"red"}}]
3. Elimina el bloque de texto existente con estilo y añade uno nuevo. Esta salida aparece en la consola:
'''json
[{"selectors":[{"name":"c620","label":"c620", "type":1,"active":true,"private":false,"protected":false}],"style":{"padding":"25px", "color":"red"}},{"selectors":[{"name":"c1044","label":"c1044","type":1,"active":true,"private":false,"protected":false}],"style":{"padding":"10px"}}]
Los estilos del elemento eliminado siguen presentes.
Medio ambiente:
- Uso de la versión 0.15.5 de GrapesJS
- Probado en: Chrome 76.0.3809.132 y Firefox 69 en Ubuntu 18.04.3
Respuestas (2)
Intenta usar la opción 'clearStyles' '''js const editor = grapesjs.init({ // ... clearStyles: cierto, });
Eso resuelve el problema. ¡Gracias!
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #1535
[Bug]: Después de eliminar un componente personalizado, la vista del rasgo no se limpia
Hola, Estoy usando la biblioteca grapesjs versión 0.14.33. He creado algunos componentes personalizados y he notado que al eliminar los com...
Issue #2374
[BUG] El estilo de componente no se actualiza tras el evento de arrastre en Modo de arrastre ('absoluto')
En el nuevo modo de arrastre, el estilo del componente no se actualiza tras arrastrarlo. Comportamiento esperado:Arrastrar el elemento haci...
Issue #1877
[SOLICITUD DE FUNCIÓN] ¿Estilos personalizados que añaden o eliminan clases personalizadas?
Actualmente, todos los valores del gestor de estilo que cambias para un elemento simplemente actualizan una <style> etiqueta en línea en el...
Issue #3291
ERROR (v0.16.41): el icono duplicado de la barra de herramientas de iconos también está modificando el elemento original
Versión: v0.16.41 ¿Puedes reproducir el error de la demo? [ ] Sí ¿Cuál es el comportamiento esperado? Los elementos duplicados no deberían...
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 →Explorar categorías de plugins
Ve directamente a las páginas de categorías de plugins en el marketplace.