Usar la URL de la imagen para la imagen de fondo no funciona correctamente
Hola @artf, #2975 Aquí tienes una PR para solucionar el problema. Por favor, actualízame si es lo suficientemente bueno. Gracias
Lee la respuesta completa abajo ↓Pregunta
Descripción
- En nuestro proyecto para assets de imágenes usamos url en lugar de código base64.
Comportamiento esperado
- Al establecer una imagen de fondo a un control , debe actualizar el css de este control .
- El css debe reflejarse en el lienzo y en el panel de estilo.
¿Qué pasa en cambio?
- Si la imagen tiene espacios o paréntesis en su nombre , al configurarla como imagen de fondo no se refleja en ningún sitio, ni en el lienzo ni en el panel de estilo.
Las conclusiones de mi investigación
Intentando entender este error, notifiqué que si la imagen tiene espacios o paréntesis en su nombre, se rompe el valor de la imagen de fondo.
Por ejemplo, si la imagen se llama "my image.jpg": El css se romperá en el espacio como sigue: '''css Imagen de fondo: URL(http://localhost:3000/images/my image.jpg)
Creo que la solución es simplemente añadir comillas alrededor del código URL o base64, no romperá la funcionalidad actual,
Respuestas (3)
Hola @artf, #2975 Aquí tienes una PR para solucionar el problema. Por favor, actualízame si es lo suficientemente bueno.
Gracias
Gracias por el informe, agradecería una imagen pública para este problema
¿Puedes indicarme un archivo donde se configura imagen de fondo?
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #2196
[Bug] La selección de elementos de enlace no muestra barra de herramientas
Pasos para reproducir: añadir texto, seleccionar una palabra, hacer clic en el icono de enlace en el panel RTE, seleccionar un enlace. Comp...
Issue #1577
Gestor de código de interrupciones de comentarios CSS en línea
Aparentemente esto es un fragmento válido de html y css: '<div style="color: red; / altura 200px; /; peso-fuente: negrita;">' (De ahí la pr...
Issue #1356
Añadir el botón "Insertar" al gestor de activos
¿Cómo añadirías un botón de "Insertar imagen" al modal del gestor de assets? En este momento, el "Añadir imagen" puede resultar confuso par...
Issue #2419
[BUG] El modo de arrastre absoluto no funciona en dispositivos táctiles
El modo de arrastre absoluto (con el plugin touch de grapesjs) no funciona en dispositivos táctiles. GrapesJS versión: 0.15.8 Comportamient...
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.