¿No es accesible la imagen de fondo mediante el estilo en línea?
Extraño... He tenido que usar explícitamente una clase específica para acceder a la imagen de fondo (en mi caso es clase .bg). El .bg #desc-text-6 no funcionará. Ahora, dado que .bg es una declaración de estilo global, necesito aprovechar #desc-text-6 .bg Incluso añadiendo una nueva clase solo para mi fondo, de nuevo...
Lee la respuesta completa abajo ↓Pregunta
Esto es muy sencillo, pero no puedo acceder al conjunto de imágenes de fondo vía CSS, dentro de mi bloque personalizado 'contenido'. ¿Cómo cambio la imagen de fondo aquí? (incluso editor.getCss 've' el estilo) https://codepen.io/dimimet/pen/NWqYmbB
¡Salud!
Respuestas (3)
Extraño... He tenido que usar explícitamente una clase específica para acceder a la imagen de fondo (en mi caso es clase .bg). El .bg #desc-text-6 no funcionará.
Ahora, dado que .bg es una declaración de estilo global, necesito aprovechar #desc-text-6 .bg Incluso añadiendo una nueva clase solo para mi fondo, de nuevo el editor dificulta que el usuario acceda a la imagen de fondo de forma fácil. En su lugar, tiene que alternar la clase correcta y luego acceder al estilo. Y si el elemento (como en mi demostración) está posicionado en absoluto... simplemente desaparece... Y el usuario (obviamente) también.
Vi una configuración para eso de Artur... pero no recuerdo dónde
Olvídalo... Al leer la mitad de los problemas aquí, vi que hay una pequeña casilla de verificación junto a las clases seleccionadas, que me permitía activar o desactivar la vista de clase. Así puedo añadir una clase única ahora y asignar mi imagen de fondo a esa... Luego, haciendo clic en la casilla LIL, me permitirá 'acceder' a la capa de imagen de fondo.
Debo admitir que esto es duro... Especialmente para enseñar a la gente a hacer eso. En fin, problema resuelto, pero mi recomendación sería que esto necesita una solución.
Ahora, dado que .bg es una declaración de estilo global, necesito aprovechar #desc-text-6 .bg
No, en realidad no hay absolutamente ninguna buena razón para usar un selector como este '#desc-text-6 .bg', simplemente crea una única clase para tu elemento y apunta tu CSS a ella, ya no hay casillas que desactivar más...
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #3434
Usar HTML/CSS/JS importado en el editor muestra esquemas, pero no tiene contenido, JS Fiddle dentro
Puedes obtener la versión escribiendo 'grapesjs.version' en la consola SÍ: https://jsfiddle.net/75a9u1cf/2/ ¿Cuál es el comportamiento espe...
Issue #2706
[PREGUNTA] ID único en contenido de bloque sin estilo en línea
Hola a todos, He creado un elemento gestor de bloques personalizado, pero cuando se edita, aplica el estilo a la clase, lo que significa qu...
Issue #1493
[PREGUNTA] render() funciona a la primera, pero no en las llamadas posteriores
Hola, He creado un componente personalizado que muestra imágenes usando 'imagen de fondo' en un '<div>' en lugar de usar un <img>elemento '...
Issue #1255
[PREGUNTA]: ¿Cómo configurar el contenido html del editor a partir de un componente personalizado?
Estoy teniendo problemas para que un bloque+componente personalizado muestre su plantilla HTML dentro del editor de uvas. Dentro del HTML e...
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.