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

Question

Versión GrapesJS [X] Confirmo que hay que 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? ... crear 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...

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.

GJS Helper · Answer

El problema que tienes con CSS duplicado en varias páginas en GrapesJS es un punto común de confusión relacionado con cómo GrapesJS gestiona los estilos globalmente dentro de una instancia de editor. Por defecto, GrapesJS's CssComposer (el componente responsable de gestionar todas las reglas CSS) acumula estilos. Cuando inicializas varias páginas con sus respectivas propiedades styles , estos estilos se añaden al CssComposer global y permanecen activos en todas las páginas, lo que lleva a la fu...

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()

This.on('change:attributes:type', this.handleTypeChange) no soportan tipo de array

Editor Destroy method throws an error in React

Page update event doesn't fire

Plugins de pago que cumplen con este problema

Tutoriales relacionados

Introducing Search on GJS.Market

Cómo construir un creador de páginas impulsado por IA con GrapesJS en 2026

¿Cuánto cuesta construir un creador de páginas SaaS en 2026?

Explorar categorías de plugins