Pérdida de la información del componente al guardar el código desde el Editor de Código

@sathyanarayananaCES Primero, para repetir a otros, lo mejor es usar 'get/setComponents' y 'get/setStyle' para guardar el contenido del editor. Si he entendido bien tu uso, quieres HTML para 'htmlCodeEditor' y poder importar de nuevo al 'editor' después de la edición del usuario. Echa un vistazo a la demo de la importación del editor que simplemente llama a 'setComponents' con HTML en bruto. Árbitros - https://github.com/artf/grapesjs/blob/dev/docs/api/editor.md#examples y https://github.com/artf/grapesjs/blob/dev/test/specs/grapesjs/index.js#L180

Para hacer lo que quieres tendrás que llamar a 'editor.genHtml()' para el 'htmlCodeViewer.setContent' y import de nuevo con 'editor.setComponents' usando el HTML en bruto de 'htmlCodeViewer' en lugar de lidiar con el array de componentes. El problema que tienes que entender es que, internamente, grapejs intenta procesar ese HTML en bruto en un array de componentes. Analizar HTML es difícil incluso con HTML válido. Por lo tanto, obtendrás resultados inesperados y podrías perder datos que Grapejs no pueda analizar. Por eso todo el mundo sugiere usar 'getComponents' y 'getStyle' si alguna vez quieres almacenarlo y cargarlo de nuevo. Espero que eso ayude a aclarar por qué estás perdiendo datos. Es porque estás usando el análisis HTML de import/grapesjs.

Hola @sathyanarayananaCES debes llamar a ''editor.getComponents'' y ''editor.getStyle'' para recuperar los detalles de los componentes; luego puedes volver al estado almacenado llamando a ''editor.setComponents'' y ''editor.setStyle'' con el resultado de las llamadas a funciones mencionadas anteriormente. ¡Salud!