Inserta HTML+CSS en línea en [se busca ayuda)
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:
-
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');
-
Esto se guarda en la base de datos.
-
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)
Hola @svalenciano81 ¿Has probado esto? 'var cmdGetCode = cmdm.get('gjs-get-inlined-html');'
Hola @Abhisheknanda1344463 Necesito el proceso inverso. Tengo el código en línea y necesito separarlo en componentes y estilos separados.
Para cargar tus plantillas no deberías usar HTML/CSS, tienes que almacenar y cargar el JSON https://grapesjs.com/docs/modules/Storage.html#store-and-load-templates
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #384
Crear y editar plantilla en base de datos
Este es mi código para crear una nueva plantilla e insertar el html en línea con estilo en la base de datos: '''js var editor = grapesjs.in...
Issue #2416
No se puede mostrar la plantilla desde la base de datos hacia grapesjs
¿Puedo recuperar mi archivo HTML remoto usando la URL de carga y obtener el estado aceptable? ¿Cómo puedo cargar este HTML y CSS recuperado...
Issue #2596
[PREGUNTA] Añadir html, css y js a Block Manager
[PREGUNTA] ¡Hola! Estoy recuperando códigos dinámicos html, css y js de la base de datos. ¿Cómo puedo crear bloques con esto? Actualmente,...
Issue #1466
Edición Problema de carga deslizante de editor en html guardado editor.setComponents
Estoy trabajando en un proyecto en el que integré grapesJs para que los usuarios puedan crear sus plantillas, guardarlas en la base de dato...
Plugins de pago que cumplen con este problema
Seleccionado por temas clave y relevancia de etiquetas para ayudarte a enviar más rápido.
Cargando recomendaciones de plugins de pago...
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 →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.
Explorar categorías de plugins
Ve directamente a las páginas de categorías de plugins en el marketplace.