Issue #2378💬 RespondidoAbierto el 5 de noviembre de 2019por varaderoReacciones 0

Modificación global de CSS en el gestor de estilos

Respuesta rápidapor artf

queremos eliminar casi todo del Style Manager Puedes cambiar qué mostrar en el Style Manager: https://grapesjs.com/docs/getting-started.html#style-manager Y funciona en función de lo que se selecciona en el lienzoSupongamos que tendremos "Color primario" y "Color secundario" en estos ajustes: todos los elementos HTML...

Lee la respuesta completa abajo ↓

Pregunta

Queremos lograr lo siguiente:Marcar nuestros elementos HTML de bloque con algunas clases como:Añadir algunos estilos que definan clases CSS como:Usando el gestor de estilos GrapesJS queremos cambiar las clases CSS anteriores para tener una configuración de "Color de fondo del contenedor" que pueda cambiar el "color de fondo" de la regla ".my-container" ¿Por qué queremos esto? Queremos usar algún tipo de "tematización" para la página que el usuario pueda cambiar; no queremos que el usuario haga clic en los elementos para cambiar su estilo. Y más: queremos eliminar casi todo del Style Manager:...

Respuestas (3)

artf7 de noviembre de 2019

queremos eliminar casi todo del Style Manager Puedes cambiar qué mostrar en el Style Manager: https://grapesjs.com/docs/getting-started.html#style-manager Y funciona en función de lo que se selecciona en el lienzoSupongamos que tendremos "Color primario" y "Color secundario" en estos ajustes: todos...

amenk18 de abril de 2021

¡Esto es muy interesante! @varadero ¿Lo conseguiste y quizá tenías algo de código para compartir?

varadero21 de abril de 2021

¡Esto es muy interesante! @varadero ¿Lo conseguiste y quizá tenías algo de código para compartir?

Al final proporcionamos CSS cuando inicializamos grapesjs. El CSS se crea en otro lugar, no dentro del constructor de grapesjs.

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.