Las modificaciones de clase de los componentes no se detectan automáticamente

sí, esto es intencionado con las clases, con tu enfoque no podrás eliminar clases definidas del componente, seguirán añadiéndose en el componente dentro de la estructura.

Lo cual está bien cuando una clase ha sido olvidada en un componente y queremos añadirla en otra versión del plugin en render. En nuestro caso, hemos puesto estas clases en privadas, así que no son visibles para el usuario y no pueden eliminarse manualmente.

Creo que, como solución temporal, podría almacenar la definición de las clases antiguas en una nueva propiedad y compararlas antes de renderizar la nueva clase para ver cuál hay que eliminar. Puedo buscar una solución que nos funcione.

Gracias por tu respuesta @artf,

Algo así en la función initClasses() de Component.ts añadiría las nuevas clases al elemento en render. Déjame saber qué te parece:

'''Manuscrito mecanografiado const cls = this.get('classes') || attrCls || [];

Cambiando de const a Sea sea clsArr = isString(cls) ? cls.split(' ') : cls;

/* Comparar con la clase predeterminada */ const dCls = result(this, 'defaults').classes || []; const tClsArr = clsArr.map((cl: any) => isString(cl) ? cl : cl.name); const nClsArr = dCls.filter((x: any) => tClsArr.indexOf(x) === -1); if(nClsArr.length > 0) { clsArr = [].concat(clsArr, nClsArr); }

esto. dejardeEscuchar(... toListen); const classes = this.normalizeClasses(clsArr); selectores const = nuevos Selectores([]); this.set ('clases', selectores, opts); selectors.add(classes); selectors.on ('añadir remover reinicio', this.__upSymbCls); Limpiar atributos de las clases attrCls && classes.length && this.set('attributes', restAttr); @ts-ignorar esto.escucha(... toListen); devuelvo esto; }

Gracias por informar de esto, @Sw33tgt.

Buena pregunta sobre Las modificaciones de clase de los componentes no se detectan automáticamente. El enfoque recomendado con Canvas es usar la API orientada a eventos.

Empieza aquí:

1. Consulta la documentación de GrapesJS de tu módulo específico
2. Busca el método del oyente de eventos 'on()'
3. La mayoría de las operaciones se pueden realizar escuchando eventos del editor y de los componentes

Patrones comunes: '''javascript Prestad atención a los cambios editor.on('Change', () => console.log('Something Changed'));

Ciclo de vida de los componentes editor.on('component:mount', (c) => console.log('component ready', c)); editor.on('component:update', (c) => console.log('component updated', c));

**Si sigues atascado:**
- Compartir una reproducción mínima de CodeSandbox
- Incluye lo que ya has probado
- Menciona tu versión GrapesJS
- ¡La comunidad está aquí para ayudar!