Issue #384💬 RespondidoAbierto el 5 de octubre de 2017por mekamleshkReacciones 0

Crear y editar plantilla en base de datos

Respuesta rápidapor arthuralmeidap

@mekamleshk abrir las Herramientas de Desarrollo y ver si el XHR está ocurriendo con el urlLoad y cuál es la respuesta

Lee la respuesta completa abajo ↓

Pregunta

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.init ({ Altura: '100%', contenedor: '#gjs', Plugins: ['GJS-preset-newsletter'], storageManager: { id:'', Tipo: 'A distancia', guardado automático: falso, urlStore: '<?php base_url(); ?>/dragdropeditor/dragdrop/add', contentTypeJson: cierto, }, });

editor. Panels.addButton('options', [{ id: 'guardar', claseNombre: 'fa fa-floppy-o icon-blank', comando: función (editor, remitente) { si (remitente) sender.set('active', 0); var html = editor.runCommand('gjs-get-inlined-html'); var storageManager = editor. StorageManager; storageManager.store({"template-data":html}) editor.store(); alerta ('Draft');

editor.on('storage:store', función (e) {

console.log('CompleteHTML: ', html); }); },

atributos: {título: 'Guardar plantilla'} }]);


Puedo insertar los datos de la plantilla en la base de datos de esta manera:
<table style="width:100%">
<tr>
 <th>created_at</th>
  <th>id</th>
  <th>Nombre de la plantilla</th> 
  <th>Template-data</th>
</tr>
<tr>
  <td>05-10-2017 12:13:09</td>
   <td>3</td>
  <td>Primero</td> 
  <td><a class="paragraph" style="box-sizing: border-box;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua</a></td>
</tr>
</table>

Mi código de plantilla de edición:

'''js
var id = '<?PHP eco $this->uri->segment('3'); ?>';

var editor = grapesjs.init
         ({
           Altura: '100%',
            contenedor: '#gjs',
            Plugins: ['GJS-preset-newsletter'],
        storageManager: {
            Tipo: 'A distancia',
            guardado automático: falso,
            urlStore: '<?php echo base_url(); ?>arrastrar/arrastrar/añadir',
            urlLoad: '<?php echo base_url(); ?>arrastrar/arrastrar/soltar/buscar/'+id,
            contentTypeJson: cierto,
            },
        });

editor. Panels.addButton
        ('opciones',
          [{
            id: 'guardar-db',
            claseNombre: 'fa fa-floppy-o',
            Comandamiento: 'guardar-db',
            atributos: {título: 'Draft'}
          }]
        );

editor. Commands.add
      ('guardar-db',
      {
          run: function(editor, sender)
          {
            sender & & sender.set('active'); Apaga el botón
            editor.store();
            alerta ('Draft');    
          }
      });

Me pregunto por qué no lo está cargando en urlLoad

@artf @sonnylloyd

Respuestas (3)

arthuralmeidap5 de octubre de 2017

@mekamleshk abrir las Herramientas de Desarrollo y ver si el XHR está ocurriendo con el urlLoad y cuál es la respuesta

mekamleshk5 de octubre de 2017

Lo veo

'created_at:"2017-10-05 13:17:36"

id:"121"

Plantilla de datos:

'<table' class="list-item" style="box-sizing: border-box;"><tr style="box-sizing: border-box;"><td class="list-element-cell" style="box-sizing: 'border-box;">'

Nombre-plantilla:"first_name"'

@arthuralmeidap

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 →

Tutoriales relacionados

Guías detalladas sobre el mismo tema.

Todos los tutoriales →

Explorar categorías de plugins

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