Issue #2998💬 RespondidoAbierto el 3 de septiembre de 2020por svalenciano81Reacciones 0

Inserta HTML+CSS en línea en [se busca ayuda)

Respuesta rápidapor Abhisheknanda1344463

Hola @svalenciano81 ¿Has probado esto? 'var cmdGetCode = cmdm.get('gjs-get-inlined-html');'

Lee la respuesta completa abajo ↓

Pregunta

Tengo el bonito editor ckeditor 4 integrado en grapesjs con estos componentes:

grapesjs: 0.15.8 grapesjs-preset-newsletter: 0.2.20 ckeditor.js: 4 grapesjs-plugin-ckeditor - 0.0.9

Mi proyecto genera boletines (HTML + CSS) para almacenarlos en la base de datos. Este boletín se puede editar y guardar tantas veces como quieras. Cuando el boletín termina de editarse, puede enviarse por Gmail.

Mi problema es este:

  1. Boletín generado por el usuario (html + css) y guardarlo como "html + css" en línea con 'getted' con; var htmlWithCss = editor.runCommand('gjs-get-inlined-html');

  2. Esto se guarda en la base de datos.

  3. Para editar el boletín, el código se obtiene de la base de datos y se sube en el editor 3.1 Insertar html+css en línea en DOM

var component = angular.element('#gjs-mail');
component.append(htmlWithCss);

3.2 Init uvas JS por #gjs correo

A estas alturas todo está bien, el HTML+CSS está cargado en el editor grapesjs. El problema surge cuando intento editar texto con CKEDITOR4. Las palabras parecen bloqueadas y tienen un formato difícil de formato.

He leído un posible origen de error, y es el formulario en el que guardo el código, como contar en esta publicación:

https://github.com/artf/grapesjs/issues/1905

Cualquiera puede ayudarme a convertir html+css en línea a

editor.setComponents(JSON.parse(value.components));
editor.setStyle(JSON.parse(value.styles));

Gracias de antemano.

Respuestas (3)

Abhisheknanda13444633 de septiembre de 2020

Hola @svalenciano81 ¿Has probado esto? 'var cmdGetCode = cmdm.get('gjs-get-inlined-html');'

svalenciano813 de septiembre de 2020

Hola @Abhisheknanda1344463 Necesito el proceso inverso. Tengo el código en línea y necesito separarlo en componentes y estilos separados.

Preguntas y respuestas relacionadas

Continúa investigando con debates sobre temas similares.

Plugins de pago que cumplen con este problema

Seleccionado por temas clave y relevancia de etiquetas para ayudarte a enviar más rápido.

Ver todos los plugins

Cargando recomendaciones de plugins de pago...

Opción gratuita

Consulta los plugins de código abierto de GrapesJS en GitHub O haz una búsqueda rápida en nuestro catálogo gratuito.

Explora plugins gratuitos →
Opción premium

Los plugins premium incluyen soporte, actualizaciones regulares y funciones listas para producción — ahorrando días de trabajo de integración.

Explora plugins premium →

Tutoriales relacionados

Guías detalladas sobre el mismo tema.

Todos los tutoriales →

Explorar categorías de plugins

Ve directamente a las páginas de categorías de plugins en el marketplace.