Issue #999💬 RespondidoAbierto el 3 de abril de 2018por maha83portReacciones 0

¿Cómo obtener las filas, columnas y detalles de controles del envoltorio del lienzo dentro del formato de datos JSON?

Respuesta rápidapor artf

https://github.com/artf/grapesjs/wiki/API-Editor

Lee la respuesta completa abajo ↓

Pregunta

Hola, gracias por tu plugin. ¿Cómo puedo obtener los controles, filas y columnas que se eliminan como datos JSON mientras hago clic en el botón de guardar? Aquí he adjuntado mi código. ¿Puedes hacer lo necesario? '''js montado () { this.editor = grapesjs.init({ Contenedor: '#gjs', Plugins: ['GJS-preset-webpage', 'GJS-Blocks-Basic'], pluginsOpts: { 'gjs-blocks-basic': { Bloques: ['Columna1', 'Columna2', 'Columna3', 'Columna3-7', 'Texto', 'Enlace', 'Imagen', 'Vídeo', 'Mapa'], } }, contentTypeJson: cierto, lienzo: { Estilos: ['https://unpkg.com/element-ui/lib/theme-chalk/index.css'], Guiones: ['https://unpkg.com/element-ui/lib/index.js'] // } }) this.editor.Panels.addButton('options', { id: 'salveBtn', claseNombre: 'fa fa-floppy-o', Comandamiento: 'guardar-db', atributos: { 'título': 'Guardar', 'data-tooltip-pos': 'abajo', }, }) this.editor.Commands.add('save-db', { run: function (editor, sender) { editor.store() sender && sender.set('active') editor.on('storage:store', función (e) { console.log('Almacenados', e.componentes) }) editor.on('storage:load', función (e) { console.log('Cargado', e) // }) } }) console.log(Gestor de almacenamiento)

let storageManager = this.editor.StorageManager storageManager.add('local2', { Store: function (data, clb) { for (let key in data) { console.log(clave, datos[clave]) // } // } // }) }

Respuestas (2)

lock[bot]17 de septiembre de 2019

Este hilo se ha bloqueado automáticamente porque no ha habido actividad reciente desde que se cerró. Por favor, abre un nuevo problema para bugs relacionados.

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.