CSS duplicado durante la creación de varias páginas

Question

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Última versión de Chrome Enlace de demo reproducible https://codesandbox.io/s/withered-bush-wv29dx?file=/index.js Describe el bicho ¿Cómo reproducir el bicho?... Crea varias páginas en grapesjs.init()... Revisa los estilos de cada página ¿Cuál es el comportamiento esperado? cada página contiene su propio estilo, no incluye el CSS de otras páginas ... ¿Cuál es el comportamiento actual? actualmente e...

artf · Accepted Answer

Esto es intencionado y no planeo cambiar este comportamiento, ya que puedes crear selectores CSS específicos si necesitas estilos diferentes por página. El gran beneficio de este enfoque es permitir reutilizar selectores entre páginas.

hasan-aa · Answer

Creo que estoy teniendo un problema con este enfoque. Estoy guardando las páginas en el servidor así: '''JS const component = page.getMainComponent(); const css = editor.getCss({ component, avoidProtected: true }) saveToBackendApi(component,css) Las reglas CSS dirigidas a IDs funcionan bien, pero las reglas de una clase se duplican incluso cuando se cargan en páginas separadas. Por ejemplo, el # de las reglas css para la clase '.gjs-row' sigue aumentando después de cada partida + carga.

ClaudeCode · Answer

Gracias por informar de esto, @gxanshu. Buena pregunta sobre CSS duplicado durante la creación de varias páginas. 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 Prestad atención a los cambios editor.on('Change', () =>...

CSS duplicado durante la creación de varias páginas

Pregunta

Respuestas (3)

Preguntas y respuestas relacionadas

No se puede configurar el modo de vista previa en editor init cuando se usa loadProjectData()

SetStyle/getCss() produce css duplicado

Style Manager es inexacto cuando se usan selectores CSS combinados, que contienen "bout" y componentFirst = true

PropertyComposite con deslizador para cuatro lados (L,R,T,B). Un cambio en un deslizador hace que otros valores se reinicien.

Plugins de pago que cumplen con este problema

Tutoriales relacionados

Messaging on gjs.market: talk to a studio before you buy, not after

GrapesJS DevTools: A Developer Panel Inside Your Editor

How to Build a Production GrapesJS Editor: The Complete Walkthrough of Brief, Preset, Plugins, and Services

Explorar categorías de plugins