Issue #863💬 RespondidoAbierto el 13 de febrero de 2018por nojackoReacciones 1

Imagen de fondo no detectada del atributo styles

Respuesta rápidapor nojacko1

Los estilos que he definido para mi elemento no están disponibles en el gestor de estilos. Cuando haga clic en la casilla del lienzo, realmente esperaría ver todos los estilos que tiene en el gestor de estilos, en lugar de los estilos de la clase que Grapes ha añadido. Dijiste que el fondo no se muestra porque usa el...

Lee la respuesta completa abajo ↓

Pregunta

Como el título + la imagen de fondo se elimina mediante el gestor de estilos al añadir una capa de fondo.

  1. Empezar: https://jsfiddle.net/5upe6myo/
  2. Imagen de fondo de nota
  3. Haz clic entre el texto. Debería aparecer como "Caja".
  4. En Estilos > Decoraciones, no se muestra la imagen de fondo.
  5. Al hacer clic en "+" junto al fondo se elimina la imagen de fondo.

Respuestas (3)

nojacko27 de marzo de 2018

Los estilos que he definido para mi elemento no están disponibles en el gestor de estilos. Cuando haga clic en la casilla del lienzo, realmente esperaría ver todos los estilos que tiene en el gestor de estilos, en lugar de los estilos de la clase que Grapes ha añadido.

Dijiste que el fondo no se muestra porque usa el '.fluid-container.c318', pero añadir 'color: Pink' al atributo style sí muestra el color en la sección de tipografía. Eso es un poco inconsistente. Está captando el atributo 'color' pero no el de 'imagen de fondo'.

artf10 de marzo de 2018

De hecho, así es como funciona el gestor de estilo con las clases. Cuando seleccionas la "Caja" puedes ver que has elegido el selector ".fluid-container.c318", que no tiene ningún bg, pero al desmarcar la clase "fluid-container", el selector actual será "c318" y ahora se muestra el bg. Probablemente debamos destacar mejor la herencia de estilos

nojacko12 de marzo de 2018

Esto me parece un poco raro. Que las uvas añadan la clase 'c318' hace que mis estilos sean inalcanzables. Esperaría que el html y los estilos que se proporcionan sean editables.

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 →

Tutoriales relacionados

Guías detalladas sobre el mismo tema.

Todos los tutoriales →

Explorar categorías de plugins

Ve directamente a las páginas de categorías de plugins en el marketplace.