Issue #2917💬 RespondidoAbierto el 24 de julio de 2020por cartifonReacciones 2

Style Manage no oculta los bloques de estilo

Respuesta rápidapor mcottret1

¡Hola @cartifon! Creo que el atributo 'estilizable' solo funciona en Componentes y no en Bloques como en tu ejemplo. Lo siguiente debería ser suficiente: '''Manuscrito mecanografiado Bloqueos: [ { id: "imagen", etiqueta: "Image", Selecciona el componente una vez que se haya soltado select: cierto, Puedes pasar compone...

Lee la respuesta completa abajo ↓

Pregunta

Hola @artf, estoy intentando ocultar propiedades de estilo basándome en el elemento seleccionado. por ejemplo, cuando arrastro y suelto una imagen en mi GrapesJS, me gustaría mostrar solo la propiedad de ancho, pero los atributos 'no estilizable/estilable' no funcionan.

Versión: "grapesjs": "^0.16.18",

¿Puedes reproducir el error de la demo?

[X] Sí [ ] No

¿Cuál es el comportamiento esperado? Para ocultar las propiedades que no están en mi array

¿Cuál es el comportamiento actual? No oculta nada.

¿Puedes adjuntar capturas de pantalla, screencasts o una demo en directo?

[X] Sí (adjuntar) [ ] No

https://stackblitz.com/edit/grapesjs-stylable

Respuestas (3)

mcottret28 de julio de 2020

¡Hola @cartifon!

Creo que el atributo 'estilizable' solo funciona en Componentes y no en Bloques como en tu ejemplo. Lo siguiente debería ser suficiente:

'''Manuscrito mecanografiado Bloqueos: [ { id: "imagen", etiqueta: "Image", Selecciona el componente una vez que se haya soltado select: cierto, Puedes pasar componentes como JSON en lugar de una simple cadena HTML, En este caso también usamos un tipo de componente definido llamado 'imagen' Contenido: { Tipo: "Imagen", Estilizable: ['Ancho'] }, Esto activa un evento 'activo' en componentes caídos y en la 'imagen' reacciona abriendo el AssetManager activar: verdadero } ]


¡Salud!
cartifon28 de julio de 2020

Tengo otra pregunta, ¿funcionaría igual el unstylable?

cartifon28 de julio de 2020

Hola @mcottret, gracias por la ayuda. ¡Sí, funciona con eso! Quizá la documentación debería ser más clara al respecto.

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.