Guarda el html y el css en línea en Editor.Store()
@mekamleshk editor.store() obtiene el html, components, css, html y styles y lo pasa al evento storage:store y puedes acceder a él como lo has hecho antes Siento si he entendido mal lo que preguntas, pero parece que intentas añadir un botón de guardado El botón de guardar El evento de la tienda Puedes usar la función...
Lee la respuesta completa abajo ↓Pregunta
Estoy intentando almacenar el html y el css en línea, ¿podrías por favor cómo pasarlo a la función editor.store()? @artf
'''js editor. Commands.add' ('guardar-db', { run: function(editor, sender) { sender & & sender.set('active'); Apaga el botón var html = editor.runCommand('gjs-get-inlined-html'); editor.store(); alerta ('Draft'); console.log(html);
editor.on('storage:store', function(e) {
console.log('Almacenado', e);
});
}
});
Respuestas (3)
@mekamleshk editor.store() obtiene el html, components, css, html y styles y lo pasa al evento storage:store y puedes acceder a él como lo has hecho antes
Siento si he entendido mal lo que preguntas, pero parece que intentas añadir un botón de guardado
El botón de guardar
editor. Panels.addButton('options', [{
id: 'guardar',
claseNombre: 'fa fa-floppy-o icon-blank',
comando: función (editor, remitente) {
si (remitente)
sender.set ('active', false);
editor.store();
},
atributos: {título: 'guardar en la base de datos'}
}]);
El evento de la tienda
editor.on('storage:store', función (e) {
console.log('STORE', e);
console.log('HTML', e.html);
console.log('CSS', e.css);
});
Puedes usar la función de almacenamiento remoto integrado de Grapejs si quieres publicar estos valores en un backend
En el init de Grapejs querrás algo así
storageManager: {
Tipo: 'A distancia',
urlStore: 'http://mywebsite.com/store/website',
contentTypeJson: cierto,
},
Esto enviará una cadena JSON al backend
Por favor, revisa mi código, lo he actualizado. @sonnylloyd @artf Quiero almacenar HTML en línea
'var html = editor.runCommand('gjs-get-inlined-html');'
en la base de datos MySQL usando Función 'editor.store()'
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #930
[Pregunta] Actualizar el redimensionador tras el cambio del recurso
¡Hola! Estoy intentando cambiar el gestor de activos por defecto con nuestro gestor personalizado. Al hacer doble clic, la imagen seleccion...
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 #1457
[Pregunta]: Imagen de fondo personalizada del gestor de activos en Style Manager
Hola, quiero usar un gestor de activos personalizado Estoy acostumbrado a esta solución, ` var assettarget =''; editor. Commands.add('open-...
Issue #1633
[Error]: editor.runCommand('gjs-get-inlined-html') devuelve indefinido (preset-webpage)
Hola, Artur Estoy usando grapesjs-preset-webpage v0.1.10, grapesjs v0.14.29 Estoy intentando guardar plantillas con CSS en línea en lugar d...
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.