¿Cómo hacer que la edición de nodos de texto actualice el contenido de los componentes?

Estoy creando un componente personalizado de 'textarea' y quiero que se comporte como el componente 'text' incorporado, de modo que al editar el textnode en el lienzo de grapesjs se actualice el 'textnode' que se encuentra en '.components'. Y quiero que el componente se exporte correctamente como HTML, por ejemplo, '<textarea>MI usuario editó TEXTNODE CONTENT</textarea>'.

Por ahora, el html exportado de 'fancyTextarea' siempre permanece igual respecto al textnode, aunque lo edito en el lienzo. ¿Hay algún evento de cambio de nodo de texto que debería capturar y en el que actuar? No encuentro ninguno. Aquí está mi componente

'''javascript const fancyTextarea = editor => { editor. DomComponents.addType('fancyTextarea', { extiende: "??", isComponent: el => el.tagName == 'TEXTAREA', modelo: { Predeterminados: { etiquetaNombre: 'área de texto', Rasgos: [ ... ['id', 'nombre'], ... ['filas', 'cols'], // ¿por qué emiten atraciones cuando están vacías? ], atributos: { Nombre: 'Yy', }, Componentes: [ { Tipo: 'textnode', contenido: '* (componente) contenido del nodo texto', Editable: false, // cambia la prop con aceptación pero ¿aún se puede editar? } ], }, } })

editor. BlockManager.add('idFancyTextarea', { etiqueta: 'Fancy Textarea', Contenido: { tipo: 'fancyTextarea', // nombre de tipo que no aparece en el gestor de estilos Clases: ['expandir'], // si defines una clase de estilo? Contenido: '* (bloquear) contenido de node de texto', // nodo de texto dentro de la etiqueta área de texto }, }); }

const editor = grapesjs.init({ Contenedor: '#gjs', fromElement: 1, Altura: '100%', storageManager: { type: 0 }, estilo: '.expandir {color: verde; vertical-align: arriba; ancho: 100%; altura: 100%;}', plugins: ['gjs-blocks-basic', fancyTextarea] });

Violín https://jsfiddle.net/tcab/q36ytzxd/

P.D. Lo más cerca que he estado es de cambiar programáticamente un nodo de texto es
'''javascript
nodo const = component.findType('textnode')
node[0].set({content: 'ok, te he alterado'})
editor.render() // provoca un fallo.

Pero mientras el componente se actualiza y la exportación es correcta, la representación en el lienzo permanece igual.