Issue #2860💬 RespondidoAbierto el 28 de junio de 2020por MarlonV123Reacciones 0

Ayuda para cargar datos de FireStore

Respuesta rápidapor artf

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)

artf5 de julio de 2020

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.

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 →

Explorar categorías de plugins

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