PREGUNTA sobre JSON almacenado por el StorageManager
@theSC0RP ¿Esto es lo que buscas? editor.getComponents()
Lee la respuesta completa abajo ↓Pregunta
Oye, @artf. Quiero acceder al json que se genera cuando se almacena una plantilla sin almacenar realmente la plantilla. El objeto json se puede acceder usando los eventos, pero no quiero llamar a 'editor.store()' y luego usar los eventos. ¿Hay alguna forma de obtener el objeto json (una llamada a función en el editor o alguna propiedad)? ¿O hay alguna forma de detener el método 'editor.store()' para poder almacenar el json y abortar la llamada?
Respuestas (4)
@theSC0RP ¿Esto es lo que buscas? editor.getComponents()
@theSC0RP no está claro si quieres la funcionalidad de almacenamiento o no, pero lo que propues Josh es correcto o siempre puedes añadir tu almacenamiento (y no hacer nada dentro si hace falta...) https://grapesjs.com/docs/modules/Storage.html#define-new-storage
siempre puedes añadir el almacenamiento (y no hacer nada dentro si hace falta...) https://grapesjs.com/docs/modules/Storage.html#define-new-storage
Gracias @artf. Esto fue lo que acabé haciendo. Con 'editor.getComponents()', obtienes una estructura cíclica (modelo -> vista -> modelo -> ...) y eso no se almacena en el StorageManager ni puede usarse para cargar la plantilla.
Gracias por informar de esto, @theSC0RP.
Excelente pregunta sobre PREGUNTA respecto a JSON almacenado por el StorageManager. El enfoque recomendado con GrapesJS es usar la API orientada a eventos.
Empieza aquí:
- Consulta la documentación de GrapesJS de tu módulo específico
- Busca el método del oyente de eventos 'on()'
- La mayoría de las operaciones se pueden realizar escuchando eventos del editor y de los componentes
Patrones comunes: '''javascript Prestad atención a los cambios editor.on('Change', () => console.log('Something Changed'));
Ciclo de vida de los componentes editor.on('component:mount', (c) => console.log('component ready', c)); editor.on('component:update', (c) => console.log('component updated', c));
**Si sigues atascado:**
- Compartir una reproducción mínima de CodeSandbox
- Incluye lo que ya has probado
- Menciona tu versión GrapesJS
- ¡La comunidad está aquí para ayudar!
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #3340
GJS-CV-tools en una posición incorrecta cuando pongo grapesjs en un splitpanes
Hola, gracias por tu trabajo. Tengo un problema. Quiero hacer una vista tipo codepen y que la vista de grapesjs sea arrastrable hacia arrib...
Issue #3510
Rerenderizar rasgos tras ciertos eventos (por ejemplo, clic)
¿Cómo volver a renderizar los rasgos después de hacer clic en botones? Nota: El rerenderizado no debería ser una modificación del dom. He c...
Issue #3179
AssetManager parece cargar los activos desde la caché y no se actualiza (Pregunta)
Hola, He estado intentando integrar Grapes en mi proyecto VueJs durante las últimas semanas, pero tengo una pregunta para AssetManagement....
Issue #3504
He notado que se está usando una versión anterior de Font Awesome versión 4.7. Uso la versión 5.2 de fontawesome y parece que causa problem...
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.
Tutorial
How to Build a Production GrapesJS Editor: The Complete Walkthrough of Brief, Preset, Plugins, and Services
A complete walkthrough of building a production GrapesJS editor: how to choose a preset, pick plugins, and scope setup services without burning a sprint.
Tutorial
Big Updates: TinyMCE 8 and Placeholder 2.0 for GrapesJS
In May we shipped major updates to two of our most popular GrapesJS plugins — TinyMCE Inline Text Editor and Placeholder.
Tutorial
Find the Right GrapesJS Plugin in Seconds: Smarter Discovery Is Live
We're shipping a set of discovery upgrades. New label filters, a proper compatibility switch for GrapesJS vs Studio, one-click and a smarter sort bar.
Explorar categorías de plugins
Ve directamente a las páginas de categorías de plugins en el marketplace.