Crear y editar plantilla en base de datos
@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)
@mekamleshk abrir las Herramientas de Desarrollo y ver si el XHR está ocurriendo con el urlLoad y cuál es la respuesta
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.
Issue #998
[BUG] El administrador de activos envía una solicitud vacía al subir la imagen
Descripción: El editor GrapesJS se inicializa en un archivo editor.html de la siguiente manera: 'localhost:9001' es un servidor IIS local q...
Issue #507
¿UploadFile llamado dos veces en drop file?
Tengo un editor inicializado así: Si añado una imagen al lienzo e intento subir una nueva imagen arrastrándola al área de soltarla en el mo...
Issue #519
No hay bloques por defecto
Uso de este código Tengo un editor pero no hay bloqueos. Tampoco veo los iconos del tamaño de pantalla, pero sí hay otros iconos. Como pued...
Issue #1655
[Pregunta] isComponent() no se invoca
Estoy intentando crear un plugin, pero tengo un problema con isComponent. Mi componente no lo llama cuando el editor carga el código, este...
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.