Cómo restringir las propiedades del style manager basándose en el componente
@dharmatv ¡Hola! Esto no es un error, puedes lograrlo definiendo las propiedades estilizables de un componente. '''js editor. DomComponents.addType('customComp', { modelo: { Predeterminados: { etiquetaNombre: 'customComp', estilizable:['color'] } }, Vista: { etiquetaNombre: 'div', ... } }); ``` Demo: Arrastra y suelta...
Lee la respuesta completa abajo ↓Pregunta
Versión:
0.15.9
¿Cuál es el comportamiento esperado? Cada vez que algún componente arrastra y suelta en la parte de constructor, las propiedades de ese estilo relacionado necesito personalizarlas. Por ejemplo Arrastro y suelto el componente de enlace en la parte del constructor, luego hago clic ahí, y muestra las siguientes propiedades de estilo (por favor, revisa el enlace) https://snipboard.io/cCFUOD.jpg Pero necesito personalizar eso como quiera, como la dimensión que quiero mostrar aparte de todo.
¿Cuál es el comportamiento actual? Mostrando todas las propiedades del gestor de estilos
¿Puedes adjuntar capturas de pantalla, capturas de pantalla o una demo en directo? Sí
Leí la documentación pero no encontré ninguna solución para esto. ¿Podríais ayudarme alguien con esto?
Respuestas (3)
@dharmatv ¡Hola! Esto no es un error, puedes lograrlo definiendo las propiedades estilizables de un componente.
'''js editor. DomComponents.addType('customComp', { modelo: { Predeterminados: { etiquetaNombre: 'customComp', estilizable:['color'] } }, Vista: { etiquetaNombre: 'div', ... } });
Demo:
Arrastra y suelta el último bloque y verás que solo se puede cambiar el color (de texto).
https://jsfiddle.net/MartinPutz/o376qsy1/
Hola @MartinPutz Gracias por tu respuesta Lo entiendo. Mi requisito es que solo los componentes de Grapesjs no deberían ser personalizados No mencioné que lo siento por eso
Puedes usar los atributos de datos '<div data-gjs-stylable="['color']"></div>'
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #3134
Desplázate en el lienzo hasta la parte superior de la página cuando intento arrastrar un elemento de las últimas secciones
Versión: 0.16.27 ¿Puedes reproducir el error de la demo? [X] Sí [ ] No ¿Cuál es el comportamiento esperado? Cuando intento arrastrar un com...
Issue #3088
BUG: Cómo ver propiedades del gestor de estilos después de arrastrar y soltar
Versión: 0.15.9 ¿Puedes reproducir el error de la demo? Sí ¿Cuál es el comportamiento esperado? (En el plugin del boletín)Haz clic en el co...
Issue #2979
BUG: Valores predeterminados del Style Manager a em o %
Versión 16.17 ¿Puedes reproducir el error de la demo? [ ] Sí [ ] No ¿Cuál es el comportamiento esperado? Puedo configurar el gestor de esti...
Issue #3005
ERROR: Layer manager appendTo duplica las capas cada vez que grapesjs está en it.
Versión: 0.16.18 en adelante (El problema apareció en algún momento después de la 0.15.3, no estoy seguro de cuándo) ¿Puedes reproducir el...
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.