Issue #2259💬 RespondidoAbierto el 9 de septiembre de 2019por wire-rabbitReacciones 0

Los estilos de elementos eliminados siguen guardándose

Respuesta rápidapor artf

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:

  1. 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/
  2. 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)

artf14 de septiembre de 2019

Intenta usar la opción 'clearStyles' '''js const editor = grapesjs.init({ // ... clearStyles: cierto, });

wire-rabbit16 de septiembre de 2019

Eso resuelve el problema. ¡Gracias!

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 →

Explorar categorías de plugins

Ve directamente a las páginas de categorías de plugins en el marketplace.