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

ClaudeCode · Answer

Gracias por informar de esto, @FaisalShaikhHA. Buena pregunta sobre editor. La API de Css.setRule no funciona como se esperaba, no está actualizando la regla existente.. 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...

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'

Se eliminan las clases css y los identificadores generados automáticamente para cada etiqueta html cambian (Ejemplo: ivj5m-2) tras cada recarga

Sector.setName no funciona

Plugins de pago que cumplen con este problema

Explorar categorías de plugins