Guardar en la base de datos data-gjs-droppable
@ghena deberías almacenar HTML/CSS para el resultado final, para el editor tienes que depender del formato JSON '''js const comps = editor.getComponents(); Estilo const = editor. getStyle(); Consulta también #597
Lee la respuesta completa abajo ↓Pregunta
Hola a todos,
Necesito resolver un problema. Guardar html grapejs elimina todos los datos-gjs-* de html. ¿Existe alguna forma de mantener todos los datos-gjs-* antes de guardar el editor html?
De hecho, si guardo mi plantilla falta todo data-gjs-droppable y en el siguiente render carga atributos data-gjs-droppable y se activa.
Guardo de esta manera:
editor. Commands.add
('guardar-db',
{
run: function(editor, sender)
{
var html = editor.runCommand('gjs-get-inlined-html');
var html = editor.getHtml();
var css = editor.getCss();
var customBlocks = $($.parseHTML(html)).find('.custom-block');
var post_ids = [];
var params = {css:css,html: html,post_id:<?php echo $_post->ID ?>};
jQuery.ajax(
{URL: '<?php eco $pathHttpGrapes ?>/scripts/save.php',
tipo: 'POST',
datos: params,
dataType: "json",
crossDomain: false,
éxito: función(resultado){
},
error:función(){
toastr.error ("Si è generato un error inatteso");
}
});
sender & & sender.set('active'); Apaga el botón
}
});
Gracias de antemano.
Saludos.Respuestas (3)
@ghena deberías almacenar HTML/CSS para el resultado final, para el editor tienes que depender del formato JSON '''js const comps = editor.getComponents(); Estilo const = editor. getStyle();
Creo que sería mejor para ti usar el almacenamiento remoto integrado en lugar de uno personalizado
'''js
grapesjs.init({
...
storageManager: {
Tipo: 'A distancia',
pasosAntesDeguardar: 10,
contentTypeJson: cierto,
urlStore: "<?php echo $pathHttpGrapes ?>/scripts/save.php",
No necesitas esto si ya has iniciado el editor con una plantilla
autoload: cierto,
urlLoad: "/load-template/2",
params: {
post_id: <?php echo $_post->ID ?>
},
},
})
Consulta también #597
@artf cómo guardar con un punto final remoto con el modo HTML en línea, me refiero a HTML y CSS enviados al servidor? ¡Gracias
@shareefhiasat solo necesitas aquí https://github.com/artf/grapesjs/wiki/Storage
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
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...
Issue #597
storageManager: Carga desde almacenamiento remoto
Hola, Estoy intentando leer el HTML y el CSS de mi base de datos. Cuando intento cargarlo en el editor, no aparece nada. Puedo almacenar lo...
Issue #1950
¿Hay alguna forma de convertir gjs-components a gjs-html?
En mi opinión, estas son dos formas diferentes de almacenar los mismos datos. Ahora necesito convertir gjs-components a gjs-html. ¿Existe e...
Issue #931
[Pregunta] Problemas para guardar en la base de datos
Hola, Estoy teniendo algunos problemas para guardar la plantilla en la base de datos y no estoy muy seguro de por qué está pasando esto. He...
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.