¿Usando setComponent() ??

Creando un plugin para usar GrapesJS con Plone. GrapesJS Versión: Última

Al usar la función setComponent(), extraemos el contenido HTML de una página y lo establecemos como contenido para que GrapesJS lo edite o manipule. El Component se coloca en el Canvas junto con los atributos data-gjs-* que se aplican y se trasladan al guardarse en nuestra página, pero al recuperar la misma página en GrapesJS parece que se eliminaron tras pasar por la función setComponent().

El console.log() anterior al setComponent() parece registrar los elementos tal y como se pretende, con los atributos data-gjs-* aplicados.

Cómo estamos consiguiendo el contenido de la página de salida: '''js // ,$.get(url).done(function(data) { //Get contenido de la página Obtén la URL base, que es la URL directa de la página sin ningún redireccionamiento base = data.substring(data.indexOf("<base"), data.length); base = base.substring(base.indexOf("href") + 6, base.indexOf('/>') - 2);

Análisis de CSS local a partir de los datos devueltos css = data.substring(data.indexOf("/* Local CSS from"), data.length); css = css.substring(css, css.indexOf("</style>"));

Analizar el contenido html a partir de los datos devueltos htmlContent = data.substring(data.indexOf("padre-nombrecampo-texto"), data.length); htmlContent = htmlContent.substring(htmlContent.indexOf(">") + 1, htmlContent.length); htmlContent = htmlContent + "<div>"; htmlContent = htmlContent.substring(htmlContent, htmlContent.indexOf("viewlet-below-content-body") - 25); htmlContent = htmlContent.substring(htmlContent, htmlContent.lastIndexOf("</div>"));

Configurar las redes de CSS y HTML. console.log(htmlContent); editor.setComponents(htmlContent); editor.setStyle(css); });