El CSS exportado no puede anular el color de fondo del cuerpo
Gracias James, ya lo conocemos #552 pero lamentablemente aún no hemos dado ninguna solución :/ El principal problema es que GrapesJS no maneja bien el estilismo corporal/wrapper y, como resultado, tenemos el 'cuerpo' que viene de tres puntos diferentes:desde la opción protectedCssdel estilo de componentes del envoltor...
Lee la respuesta completa abajo ↓Pregunta
Cuando el estilo de fondo de un cuerpo está definido en la opción 'estilo' de la función de inicio, no es posible anularlo.
Dado el estilo:
cuerpo {
color de fondo: #000000;
}
Después de cambiar el color de fondo en Grapes, la salida CSS es:
cuerpo {
color de fondo: #f80000; /* Color seleccionado en uvas */
}
cuerpo {
color de fondo: rgb(0, 0, 0); /* Color original que debe sobrescribir */
}
Debido al orden, el color original tendrá prioridad cuando se utilize.
Aunque no necesariamente es un problema, la repetición de 'cuerpo' no es necesaria y probablemente solucionaría este problema si la definición de 'cuerpo' en css se fusionara. Creo que esto también pasa con otros selectores CSS.
Pasos para reproducirse
- https://jsfiddle.net/jk3g2eu2/
- Haz clic en el envoltorio del lienzo
- Cambiar el color de fondo.
- Haz clic en el icono de código para ver CSS generado.
Respuestas (2)
Gracias James, ya lo conocemos #552 pero lamentablemente aún no hemos dado ninguna solución :/ El principal problema es que GrapesJS no maneja bien el estilismo corporal/wrapper y, como resultado, tenemos el 'cuerpo' que viene de tres puntos diferentes:
- desde la opción protectedCss
- del estilo de componentes del envoltorio (que normalmente es el cuerpo y por eso lo manejo por separado)
- y como en tu caso, también de otro CSSRule (creado por 'style: 'body{background-color:#000000;}' `) Tenemos que encontrar una forma correcta de manejar todos estos casos, pero aún no he encontrado tiempo para revisarlo, así que agradecería cualquier consejo o ayuda. Cierro esto y te sugiero que te suscribas al #552 si quieres más novedades.
Este hilo se ha bloqueado automáticamente porque no ha habido actividad reciente desde que se cerró. Por favor, abre un nuevo problema para bugs relacionados.
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #1033
[BUG]: Cuando se usan IDs, no es posible actualizar o eliminar un estilo
Pasos para reproducirsehttps://jsfiddle.net/1cjjr02p/Haz clic en el texto del editor, cambia el color de fondo.Exportar CSS. Verás que exis...
Issue #1104
[Bug] El rasgo de color no puede configurar la propiedad después de la 0.14.9
Después de la v0.14.9, el rasgo de color no puede configurar la propiedad de componente cuando el usuario pulsa "OK" en el formulario del s...
Issue #914
[BUG]: Grapes no puede reiniciarse con nuevo HTML
Llamar a 'init()' en Grapes después de cambiar HTML falla. Este tipo de situaciones ocurren en aplicaciones de una sola página. Creo que se...
Issue #1019
[Descendencia] El color de fondo del cuerpo no cambia por segunda vez.
Hola, Estoy usando [email protected]. Tengo un problema con los estilos CSS 'body'. Mi escenario: Estoy abriendo un archivo en blanco desde el...
Plugins de pago que cumplen con este problema
Seleccionado por temas clave y relevancia de etiquetas para ayudarte a enviar más rápido.
Cargando recomendaciones de plugins de pago...
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 →Los plugins premium incluyen soporte, actualizaciones regulares y funciones listas para producción — ahorrando días de trabajo de integración.
Explora plugins premium →Tutoriales relacionados
Guías detalladas sobre el mismo tema.
Explorar categorías de plugins
Ve directamente a las páginas de categorías de plugins en el marketplace.