Problema con el Style Manager.

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

@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

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, Contenido: { Tipo }, }); });

Styles.addSector('special',{ nombre: 'Sector especial', Abierto: Cierto, Propiedades: [ { id: 'estilo especial', Tipo: 'color', nombre: 'Mi propiedad', propiedad: 'color', toRequire: true, // <- Esta propiedad aparecerá solo si el componente lo solicita } ] }, { at: 0 }); }

const editor = grapesjs.init({ Contenedor: '#gjs', fromElement: 1, Altura: '100%', storageManager: false, Plugins: [Plugin] });

https://jsfiddle.net/1tvrLqem/1/
Como puedes ver, el sector se ocultará si no hay propiedades que mostrar

Gracias por informar de esto, @Abhisheknanda1344463.

El problema con Problema del Style Manager. parece ser un problema de condición de carrera o de sincronización de gestión estatal. Esto suele ocurrir cuando los eventos del ciclo de vida de los componentes y las modificaciones del DOM se superponen, creando un estado inconsistente.

Qué probar:

1. Añadir un envoltorio setTimeout para asegurar que el DOM se ha asentado: '''javascript setTimeout(() => { Tu operación aquí }, 0);

2. **Comprobar el orden de inicialización** — asegúrate de que los componentes estén completamente cargados antes de interactuar con ellos

3. **Utilizar el sistema de eventos del editor** — escuchar los eventos de finalización:
'''javascript
editor.on('component:mount', (component) => {
  Es seguro interactuar con el componente aquí
});

Recomendaciones de siguientes pasos:

• Prueba con la última versión de GrapesJS si no lo has hecho
• Proporcionar un ejemplo mínimo reproducible (CodeSandbox) — esto ayuda al equipo a identificar la causa raíz más rápido
• Incluir errores de GrapesJS, de navegador y de consola en tu informe