Ayuda para cargar datos de FireStore
Puedes activar 'autoload: true', o puedes cargar datos programáticamente llamando a 'editor.load()'
Lee la respuesta completa abajo ↓Pregunta
Ayuda con FireStore, ya que he conseguido guardar en la base de datos de Fideleow, ahora me gustaría saber cómo puedo cargar esos valores desde la base de datos y mostrarlos como plantilla. Soy nuevo y necesito ayuda, perdón por lo malo, este es mi código.
Los datos que uso son de un ejemplo, así que no importa mucho si otros los ven
var editor = grapesjs.init({
Altura: '100%',
Offsets: 1,
avisoOnUnload: 0,
storageManager: { tipo: 'firestore',
id: 'gjs-', // Identificador de prefijo que se usará en los parámetros
autoguardado: falso, // Almacenar datos automáticamente
autoload: false, // Autoload los datos almacenados en init
stepsBeforeSave: 1, // Si el autoguardado está activado, indica cuántos cambios son necesarios antes de que se active el método de almacenamiento
},
Contenedor: '#gjs',
fromElement: cierto,
Plugins: ['Grapesjs-Firestore'],
pluginsOpts: {
'grapesjs-firestore': {
docId: 'alguénID',
apiKey: 'AIzaSyDbc1HECiWstp_T8zW-etJEdH84THUlIYg',
authDomain: 'radarsystem-edit-land.firebaseapp.com',
projectId: 'radarsystem-edit-land',
collectionName: 'plantilla',
}
}
});
Añadir el botón
editor. Panels.addButton('options', [{
id: 'guardar-db',
claseNombre: 'fa fa-floppy-o icon-blank',
Comandamiento: 'guardar-db',
atributos: {título: 'Guardar la base de datos'}
}]);
Añadir el comando
editor. Commands.add
('save-db', {
run: function(editor, sender)
{
sender & & sender.set('active'); Apaga el botón
editor.store();
}
});
editor.on('storage:load', function(e) {
console.log('Plantilla de carga', e);
});
editor.on('storage:store', function(e) {
console.log('Guardar plantilla', e);
});
editor.on('storage:error', function(e) {
console.log('Plantilla de error', e);
});
window.editor = editor;
Respuestas (1)
Puedes activar 'autoload: true', o puedes cargar datos programáticamente llamando a 'editor.load()'
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #1554
Problema con mis celdas cuando vuelvo a cargar el html y el css.
Cuando recupero mi plantilla de la base de datos. Mis celdas se han vuelto cajas y no puedo modificar su ancho como cuando son celdas. ¿Pue...
Issue #2084
[PREGUNTA] ¿Es posible guardar las plantillas por nombre y luego proporcionar una lista de plantillas de usuario como archivos?
Tengo Firestore Storage configurado para almacenamiento remoto y actualmente guarda y carga correctamente desde el almacenamiento. Sin emba...
Issue #2644
[AYUDA] GrapesJS carga html/css desde la base de datos
Hola, Estamos usando grapesjs en nuestra app de Angular. Hemos conseguido crear y guardar el html/css de grapesjs en nuestra base de datos....
Issue #441
Ignorar/evitar changeCount
Debido a https://github.com/artf/grapesjs/issues/436, no puedo confiar en el método de carga remota de StorageManager para cargar una plant...
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 →Explorar categorías de plugins
Ve directamente a las páginas de categorías de plugins en el marketplace.