Problema con el Style Manager.

Question

Hola @artf quiero ocultar y mostrar propiedades de estilo para un componente específico. Tras referenciar este problema https://github.com/artf/grapesjs/issues/1428 He escrito mi código así, pero me está dando un error -: '''js Exportar por defecto (editor, configuración) => { const sm = editor. StyleManager; const csm = config.customStyleManager; Mostrar estilo cuando se divide la forma editor.on('component:selected', function(component) { if(component.attributes.type == 'divisor de forma') {...

artf · Accepted Answer

Hola @Abhisheknanda1344463 ¿intentaste seguir mis indicaciones aquí? No necesitas añadir o eliminar sectores en cada selección, solo jugar con las propiedades de los componentes

Abhisheknanda1344463 · Answer

@artf lo he probado, pero si me gusta este https://github.com/artf/grapesjs/issues/1428#issuecomment-421640559 Luego mostrará los sectores de estilo en los que esas propiedades están presentes. Quiero mostrar a mi personalizado solo un sector de estilo para un componente específico, como el que he mencionado antes. No sé si entiendes mi caso de uso. Por favor, guíame. Gracias

artf · Answer

Aquí tienes un ejemplo rápido de uso: '''js Plugin const = (editor) => { const { Components, Blocks, Styles } = editor; [ { tipo: 'simple', Utilería: { componentes: 'Componente simple', }, },{ tipo: 'especial', Utilería: { componentes: 'Componente especial', 'stylable-require': ['estilo especial'], // <- este componente requiere estilos especiales }, } ].forEach(({ type, props }) => { Components.addType(type, { modelo: { Valores predeterminados: Utilería, } }); Blocks.add(type, { etiqueta: tipo...

Problema con el Style Manager.

Pregunta

Respuestas (4)

Preguntas y respuestas relacionadas

Rasgos no mostrados tras recargar el editor para un componente personalizado

Style Manager no muestra múltiples reglas para la misma clase

¿Cómo crear un bloque personalizado hecho con componentes de grapesjs?

La interfaz de antecedentes del Style Manager no funciona correctamente para Body/Wrapper

Plugins de pago que cumplen con este problema

Explorar categorías de plugins