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

Question

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Chrome Versión 116Enlace de demo reproducible https://jsfiddle.net/h5b0ndvL/1/Describe el bicho Cuando un componente se vuelve a renderizar en el lienzo, se renderiza un nuevo atributo añadido a la definición del modelo, pero una clase recién añadida no se añade cuando el componente se renderiza en el lienzo. La función de inicialización de Component.ts añadir los atributos por defecto así como el at...

Sw33tgt · Accepted Answer

Por ahora, como solución temporal, he añadido esto en una función 'editor.on('component:mount', (component) => {});' hasta que se reciba cualquier retroalimentación. Parece que funciona bien. En el caso de que una clase se elimine de la definición, la clase eliminada seguirá estando disponible en la lista de clases del componente guardado, pero supongo que no hay forma de evitar esto. '''Manuscrito mecanografiado editor.on('component:mount', (component) => { const cls = component.getClasses() |...

Sw33tgt · Answer

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 l...

Sw33tgt · Answer

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.i...

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

Pregunta

Respuestas (4)

Preguntas y respuestas relacionadas

El componente reinicia los valores de los atributos al actualizar los rasgos (solo por primera vez)

El evento "component:add" se activa cuando se mueven componentes

No se puede seleccionar componente en el manejador ''component:remove''

Doble entrada en capas si el componente se mueve directamente después de añadir

Plugins de pago que cumplen con este problema

Tutoriales relacionados

Introducing Search on GJS.Market

Cómo construir un creador de páginas impulsado por IA con GrapesJS en 2026

¿Cuánto cuesta construir un creador de páginas SaaS en 2026?

Explorar categorías de plugins