El plugin de degradado está interfiriendo con la imagen de fondo
¿Alguien puede comprobar si la última versión soluciona el problema, por favor?
Lee la respuesta completa abajo ↓Pregunta
La URL de la imagen de fondo se está envolviendo alrededor mediante la función linear-gradient() de la siguiente manera '''css imagen de fondo: -webkit-gradiente lineal(camino/a/image.jpg);
Aunque asigné degradado a la propiedad 'fondo' en lugar de 'imagen de fondo'
'''js
editor. StyleManager.addProperty('decorations', {
nombre: 'Gradiente',
propiedad: 'antecedentes',
Tipo: 'gradiente',
Valores predeterminados: 'ninguno'
});
No puedo reproducir el error ni en la demo ni de grapesjs ni del plugin porque en ninguno de los dos se han usado juntas las dos funciones (imagen de fondo y degradado).
Respuestas (3)
¿Alguien puede comprobar si la última versión soluciona el problema, por favor?
ACTUALIZACIÓN: Sé que es una solución bastante improvisada, pero lo que hice fue reemplazar cada 'backgroundImage' por solo 'background' en el archivo grapesjs-style-gradient.min.js del plugin. Y ahora funciona como lo necesito. ¿Quizá alguien podría ofrecer una solución mejor?
¡Guau! ¡No soy el único que se está volviendo loco!
Imagen de fondo: -webkit-linear-gradient(https://domain.com/webasset.jpg?auth=eyJhbGciOiJSUzIN9wiUo3kUgN1BIFlHwaI9A)
@artf, ¿tienes alguna sugerencia? ¿Dónde debería enviarse una solicitud de tirada?
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #2107
[BUG] La imagen de fondo y el degradado no funcionan juntos
Desde que empecé a usar el plugin de degradado, las imágenes de fondo están en la siguiente forma: imagen de fondo: -webkit-gradiente linea...
Issue #3125
El CSS de gradiente lineal hace cosas extrañas con la imagen de fondo
Versión: 0.16.27 ¿Puedes reproducir el error de la demo? [x] Sí [ ] No ¿Cuál es el comportamiento esperado? Al añadir 'imagen de fondo' a t...
Issue #1116
El gradiente de propiedades no funciona
Hola @artf. He usado el plugin GrapesJS Style Gradient y hago lo mismo que se recomienda. Pero no está haciendo el degradado en los ajustes...
Issue #3350
ErrorTypeUncatch: no se puede acceder a la propiedad "el", n está indefinido
Hola, estoy usando grapesjs 0.16.44 y solo en Firefox me encuentro con este problema. Usando grapesjs bloquea un preset básico. ¿Alguien pu...
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.