No se puede restablecer el fondo del cuerpo
@duskhacker diría que está relacionado de alguna manera, pero no es el mismo problema. Mencionas CSS que se genera desde dos lugares diferentes y es una especie de reinicio básico de CSS '*{tamaño-caja: caja de borde;}' viene de https://github.com/artf/grapesjs/blob/dev/src/editor/config/config.js#L34 y 'body{margin:0...
Lee la respuesta completa abajo ↓Pregunta
He encontrado esto
editor. CssComposer.getAll().reset();
aquí #351 pero parece que no reinicia el fondo del cuerpo...
¿Hay alguna otra forma de hacerlo?
Respuestas (3)
@duskhacker diría que está relacionado de alguna manera, pero no es el mismo problema. Mencionas CSS que se genera desde dos lugares diferentes y es una especie de reinicio básico de CSS '*{tamaño-caja: caja de borde;}' viene de https://github.com/artf/grapesjs/blob/dev/src/editor/config/config.js#L34 y 'body{margin:0;}' de https://github.com/artf/grapesjs/blob/dev/src/dom_components/config/config.js#L10
Probablemente lo que haré en la próxima versión será mover el estilo actual de envoltorio dentro de la opción 'protectedCss'. Para quienes intentan lograr 'editar el CSS directamente con el editor de código', deberían añadir un nuevo comando de vista (current) y reemplazar 'em.getCss()' por 'em.getCss({ avoidProtected: 1 })' (aún no implementado)
Hola @g41n,
¿Puedes proporcionar un jsfiddle (o equivalente) que muestre el problema? Acabo de montar esto que primero pone el color de fondo del cuerpo en azul y luego elimina ese estilo 2 segundos después: https://jsfiddle.net/gn3jtahv/. Eso parece funcionar perfectamente para mí (también lo probé usando 'editor). CssComposer.getAll().reset()' con el mismo resultado), así que supongo que estás haciendo algo diferente...
Hola @ryandeba, gracias por la respuesta.
Tras investigar un poco, aquí hay un https://jsfiddle.net/x118ks1v/ de fiddle y pasos para reproducir:
- haz clic en el botón de reinicio, el reinicio es exitoso
- haz clic en cuerpo y cambia el fondo desde el panel de la derecha
- haz clic en el botón de reinicio, reinicio fallido
El problema parece estar oculto solo después de cambiar manualmente el fondo del cuerpo desde el panel de grapesjs.
Espero que ayude a encontrar una solución... :/
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #1579
Problema del color del borde
@artf Hay un error en el color del borde si arrastras un botón en el editor y pegas color como rgb(255, 0, 0) en color del borde y seleccio...
Issue #1506
Problema con la consulta de medios en CSS
Hola @artf Hay un problema en la página de demostración y en la biblioteca en media query. El problema es que si el usuario actualiza el es...
Issue #2044
El desarrollo de npm en un servidor local no funcionó
Hice el procedimiento para iniciar el servidor local usando la rama 'dev' tal y como se describe en README, funcionó en la consola, pero fa...
Issue #896
[BUG] Las reglas de consulta de medios son anuladas por las reglas de clase en el lienzo
Hola @artf, He notado un problema mientras probaba una de mis plantillas usando diferentes configuraciones de dispositivos que supuestament...
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.
Tutorial
Ship to Production Faster: What’s New in GrapesJS Shadcn
Supercharge your page builder! GrapesJS Shadcn adds live drag previews, rich text / commands, dynamic data, and canvas presets to ship to prod faster.
Tutorial
How to Build a Production GrapesJS Editor: The Complete Walkthrough of Brief, Preset, Plugins, and Services
A complete walkthrough of building a production GrapesJS editor: how to choose a preset, pick plugins, and scope setup services without burning a sprint.
Tutorial
GrapesJS Inline RTE Plugins Update: CKEditor 5 v0.1.4 and Froala Inline Text Editor
CKEditor 5 Inline for GrapesJS v0.1.4 fixes Studio SDK toolbar clipping, iframe injection and link balloon bugs. Compare with Froala Inline — both $69.
Explorar categorías de plugins
Ve directamente a las páginas de categorías de plugins en el marketplace.