Actualización: ¿cómo actualizar las plantillas antiguas a la versión más reciente?

Tienen clases asociadas y veo que la versión más reciente ya no añade clases a los elementos.

No estoy seguro de a qué te refieres, las clases deberían importarse como antes.

Contexto: usamos componentes personalizados y algunos valores predeterminados (por ejemplo, arrastrable, redimensionable, etc., estilo) han sido cambiados.

Si tus componentes personalizados dependieran de alguna propiedad predeterminada anterior, solo tendrías que actualizar tus componentes, pero sinceramente, ni siquiera recuerdo un cambio así en ningún componente central.

Déjame ver que algún código plantilla no se carga correctamente, por favor.

Hola, gracias por la respuesta rápida. Aquí está la plantilla generada por la v0.14.5 https://jsonblob.com/535ae06f-d4f6-11eb-8bc1-415e99da64cb

Así es como se ve https://ibb.co/Zz8qg2J

Hemos cambiado los atributos y el estilo predeterminado de algunos componentes personalizados y hemos cambiado el dragMode='absoluto'. Uno de los problemas es que los componentes antiguos no se pueden mover.

Puedo proporcionar ejemplos de código si es necesario.

He configurado la versión antigua vs nueva para una plantilla existente:

https://grapesjs-templates-upgrade.ciprianamariei.repl.co/0.14.5-old-template.html https://grapesjs-templates-upgrade.ciprianamariei.repl.co/0.16.45-old-template.html

! oldvsnew

Gracias por informar de esto, @acip.

Buena pregunta sobre Actualizar: ¿cómo actualizar las plantillas antiguas a la versión más reciente?. El enfoque recomendado con StyleManager 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!