Editor. La API de Css.setRule no funciona como se espera, no está actualizando la regla existente.

Question

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Versión 112.0.5615.137 (Versión oficial) (arm64) Enlace de demo reproducible https://jsfiddle.net/yhj6qa1u/6/ Describe el bicho ¿Cómo reproducir el bicho?Seleccionar un componente y añadir algo de estilo usando el Gestor de Estilos.Usa 'editor. 'Css.setRule' para establecer algún estilo para ese componente en particular, observa que los estilos anteriores han sido eliminados, pero según la document...

artf · Accepted Answer

Hola @FaisalShaikhHA este es un comportamiento esperado, pero supongo que la documentación de 'setRule' es un poco engañosa. La regla en realidad se actualiza (no crea una nueva con el mismo selector), pero los estilos simplemente se reemplazan. Esto es lo que deberías hacer si necesitas añadir nuevos estilos en lugar de reemplazarlos '''js const selector = '#${this.getId()}'; regla const = editor. Css.getRule(selector); editor. Css.setRule(selector, { ... ¿regla?. getStyle(), Antecedentes: 'Bl...

FaisalShaikhHA · Answer

Gracias @artf por la aclaración

GJS Helper · Answer

El comportamiento que observas con editor.Css.setRule no es un error, sino cómo está diseñada la API de GrapesJS CSS Composer para gestionar actualizaciones de reglas. Cuando llamas a editor.Css.setRule(selector, styleObject), si ya existe una regla con ese selector exacto (y otro contexto como media consulty, state, etc.), GrapesJS reemplaza todo el objeto de estilo de esa regla por la nueva styleObject que proporcionas. No fusiona automáticamente las nuevas propiedades con las existentes. Est...

Editor. La API de Css.setRule no funciona como se espera, no está actualizando la regla existente.

Pregunta

Respuestas (3)

Preguntas y respuestas relacionadas

Rasgos no mostrados tras recargar el editor para un componente personalizado

Cargando 'component' y 'styles' desde 'pageManager'

Sector.setName no funciona

Todos los editores se rompieron tras la última actualización que rompió el administrador de almacenamiento.

Plugins de pago que cumplen con este problema

Explorar categorías de plugins