¿ERROR / Característica? Aplicar color de fondo al componente del cuerpo no forma parte del HTML exportado.
@mhowey yo también he visto esto, pero siempre he supuesto que el cuerpo es solo el lienzo provisional para el contenido. Los cambios en el cuerpo no se exportan ya que el contenido colocado en el cuerpo es lo único que se exporta. En mi aplicación, el cambio de color corporal se usa solo para visualizar cómo será el...
Lee la respuesta completa abajo ↓Pregunta
¡Hola Art, gracias por crear un proyecto tan fantástico!
No estoy seguro de si esto se consideraría un error o una solicitud de función... pero tengo problemas para decidir cómo aplicar el color de fondo en el cuerpo mientras uso el plugin del boletín con GrapesJS.
Pasos para reproducirse:
- Seleccionar el cuerpo (elemento raíz) en el lienzo.
- En la paleta de estilos bajo "decoraciones" >> "Fondo" — selecciona un color para rellenar el cuerpo
- Haz clic en exportar HTML, solo se proporcionan los elementos hijos, así que cuando se usa el HTML de salida, no tiene wrapper para aplicar el color de fondo.
No estoy seguro de si hay alguna forma correcta de manejar esto que se me escape. Estoy pensando en envolver manualmente el HTML en una tabla o div que aplique el color o algo así.
Gracias de antemano por cualquier ayuda.
! imagen
Respuestas (3)
@mhowey yo también he visto esto, pero siempre he supuesto que el cuerpo es solo el lienzo provisional para el contenido. Los cambios en el cuerpo no se exportan ya que el contenido colocado en el cuerpo es lo único que se exporta. En mi aplicación, el cambio de color corporal se usa solo para visualizar cómo será el contenido cuando lo pongo en mi sitio si el sitio tiene un color de fondo.
Puedes usar esta opción '''js grapesjs.init({ exportWrapper: cierto, })
Gracias por la respuesta @JoshLucio. Estoy usando el plugin de presets del boletín, que creo que está más orientado al correo HTML que a la construcción de sitios. De hecho, estaba pensando que lo que dices que era así, y he explorado todos los métodos getWrapper y getWrapperEl que ofrece Grapes, pero no parecen llevar ningún estilo con ellos.
@artf - ¿la única forma de lograrlo es envolviendo manualmente el html exportado? ¡Gracias!
> @mhowey También he visto esto, pero siempre asumí que el cuerpo es solo el lienzo provisional para el contenido. Los cambios en el cuerpo no se exportan ya que el contenido colocado en el cuerpo es lo único que se exporta. En mi aplicación, el cambio de color corporal se usa solo para visualizar cómo será el contenido cuando lo pongo en mi sitio si el sitio tiene un color.
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #3381
Cambiar entre componentes da un error máximo de tamaño de pila de llamadas
Hola artf, me gustaría darte las gracias por crear una herramienta tan potente para crear CMS personalizados. Estoy implementando una funci...
Issue #2076
[PREGUNTA] ¿Cómo crear un nuevo componente que permita directivas de la hoja Laravel?
Hola, gracias por el buen trabajo. Me gustaría saber si hay alguna forma de usar las directivas de las cuchillas dentro del código. Ya añad...
Issue #1895
[PREGUNTA] Arrastra el componente sobre el lienzo con script, script añadido varias veces.
Hola, no estoy seguro de si esto es un error o no. Pero he notado un comportamiento extraño: cuando arrastro un bloque que tiene un compone...
Issue #459
Error al incluir un componente personalizado dentro de otro bloque
Perdón por el título tan vago. No sé cómo describirlo de forma concisa. Tengo un bloque personalizado donde quiero restringir que solo se p...
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 →Explorar categorías de plugins
Ve directamente a las páginas de categorías de plugins en el marketplace.