Issue #2137💬 RespondidoAbierto el 14 de julio de 2019por alikabeer32Reacciones 0

¿Alguien puede explicar property.layers del gestor de estilo? [por favor, lee la descripción]

Respuesta rápidapor artf

@alikabeer32 si la propiedad de 'fondo' no funciona, probablemente el orden de las propiedades internas sea incorrecto. Consulta la sintaxis aquí: https://developer.mozilla.org/en-US/docs/Web/CSS/background#Syntax

Lee la respuesta completa abajo ↓

Pregunta

Me gustaría programar toda la propiedad de las capas de fondo, pero esta vez usando 'fondo' en lugar de imagen de fondo para no estropear el degradado, pero desafortunadamente no puedo hacer que funcionen la posición de fondo, el tamaño del fondo, etc. '''js Propiedad var = editor. StyleManager.addProperty('decorations',{ nombre: 'Imagen de fondo', propiedad: 'antecedentes', Tipo: 'stack', Propiedades:[ { nombre: 'Antecedentes', funciónNombre:'url', tipo:'archivo' },{ nombre: 'Puesto de Fondo', Propiedad: 'posición de fondo', tipo: 'select', lista: [{ valor: 'arriba izquierda', Nombre: 'Left Top', },{ valor: 'centro-izquierda', Nombre: 'Centro Izquierdo', },{ valor: 'abajo izquierdo', Nombre: 'Abajo Izquierdo', },{ valor: 'arriba derecha', Nombre: 'Right Top', },{ valor: 'centro derecho', Nombre: 'Right Center', },{ valor: 'abajo derecho', Nombre: 'Right Bottom', },{ valor: 'centro arriba', Nombre: 'Center Top', },{ Valor: 'Centro central', Nombre: 'Center Center', },{ valor: 'centro de la base', Nombre: 'Center Bottom', }], },{ nombre: 'Repetición de Fondo', propiedad: 'repetición de fondo', tipo: 'select', lista: [{ valor: 'repetir', Nombre: 'Repeat', },{ valor: 'repeat-x', Nombre: 'Repeat-X', },{ valor: 'repeat-y', Nombre: 'Repeat-Y', },{ valor: 'sin repetición', Nombre: 'No-Repeat', }], },{ nombre: 'Adjunto de Fondo', propiedad: 'apego de fondo', tipo: 'select', lista: [{ valor: 'pergamino', Nombre: 'Pergamino', },{ valor: 'fijo', Nombre: 'Arreglado', },{ valor: 'local', Nombre: 'Local', }], } ] });


Pero el resultado es algo así como -> ' background: URL(.. /assets/347f05a7ef54b27632187b38a1ddfe65) izquierda arriba repetición;
}`

Respuestas (3)

alikabeer3215 de julio de 2019

@artf Funcionó. Ahora he corregido el orden -> 'Antecedentes: URL(.. /assets/05efe94654acb49683023f16e5cefce7) centro-izquierda / cubierta sin repetición arreglada;'

Pero cuando deselecciono y selecciono el componente de nuevo, esos valores (izquierda central / cubierta sin repetición fija) aparecen vacíos en el panel del gestor de estilos.

alikabeer3215 de julio de 2019

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 →

Explorar categorías de plugins

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