Contenteditable en el nombre de la capa

Si haces doble clic en el nombre de la capa puedes cambiar su nombre :)

@artf, perdona, creo que me malinterpretaron. Quería decir que puedes cambiar el nombre pero cuando actualizas la página los cambios no se guardan... y creo que no hay un mecanismo implementado para lograrlo.

Cuando el usuario modifica el nombre de la capa, espera que esta modificación se guarde, pero no es así.

Aquí tienes un pequeño vídeo que muestra el caso usando la demo oficial de GrapesJs: He cambiado el nombre de la capa 'Header' a 'Test' al actualizar la página 'Header' sigue mostrando el nombre de la capa. ¿Es el comportamiento esperado? Si es así, ¿por qué tiene un atributo 'contenteditable'?

Muchas gracias por tu tiempo.

https://user-images.githubusercontent.com/23215166/113898126-dacdae80-97cb-11eb-9224-1d57d2d53195.mov

No, el mecanismo para almacenar/cargar nombres de capas personalizados está ahí, el único problema es que el cambio no está activando la almacén... De hecho, si intentas mover algún componente justo después del cambio, los verás después de actualizar la página. En fin, esto debería solucionarse con el próximo módulo de gestor de páginas.

Gracias por informar de esto, @Franci5co5aoco.

Buena pregunta sobre contenteditable attribute en el nombre de Layer's Span. El enfoque recomendado con GrapesJS 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!