¿Cómo obtener las filas, columnas y detalles de controles del envoltorio del lienzo dentro del formato de datos JSON?
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)
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.
Issue #1886
¿Cómo crear un desplegable para el botón dentro de un panel?
Estoy intentando crear un desplegable mientras hago clic en un botón. Puedo añadir los datos usando ul, li a un botón. Aparte de eso, ¿hay...
Issue #1767
Asegúrate de que getHtml() / runCommand("gjs-get-inlined-html") devuelva el contenido más reciente del lienzo
Hola @artf, Me encontré con un problema similar, si no el mismo, que este: #1327 Mientras edito un bloque de texto, hago clic en un botón e...
Issue #1525
Cómo obtener datos de formularios en grapesjs
Hola a todos, Estoy usando el bloque Forms en grapejs y uso grapesjs con angular 6. Pero no entiendo que ¿cómo puedo obtener datos de los f...
Issue #1748
Cómo evitar que los elementos arrastren dentro del editor
Hola @artf Lo estás haciendo muy bien con grapesjs y es extremadamente útil hacer que nuestra funcionalidad sea más fácil de usar. Gracias...
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.