[Bug] getComponents method doesn't return tree of components
Question
I'm trying to implement multiple pages as per discussion in that issue - https://github.com/artf/grapesjs/issues/1331
But when I trying to get components tree by using 'editor.getComponents()' it returns data with wrong format(model collection I guess).
When I try to set components using the editor.SetComponents method nothing happens (in my project, but on JSFiddle I get an error in the console).
I want to get the components of the editor in the same format in which the StorageManager sends them in the gjs-components parameter to the server when saving. Could somebody tell me what am I doing wrong?
JSFiddle issue reproduction demo - https://jsfiddle.net/0epyuqk3/
Answers (2)
Need to stringify and parse back returned components(works only if components were set programmatically initially)
JSON.parse(JSON.stringify(editor.getComponents()))
https://jsfiddle.net/w1497xp8/
Upd.: same with editor.getStyles() method
Yes, this is the correct way to obtain the same string of the StorageManager
Related Questions and Answers
Continue research with similar issue discussions.
Issue #868
[BUG]: "component:add" event triggers when components are moved
Taken from https://github.com/artf/grapesjs/wiki/API-Editorcomponent:add - Triggered when a new component is added to the editor, the model...
Issue #2498
[Bug] Error when trying to move cell from row.
Bug #2478 after release still exists. Repeat steps and you will get error Uncaught TypeError: Cannot read property 'indexEl' of undefined....
Issue #3419
FEAT: Event to hook into after editor.render has been executed
What are you trying to add to GrapesJS? As described in BUG: Panels "visible" attribute doesn't prevent panel rendering I tried to prevent...
Issue #2581
[Bug]: How to use components
Using GrapesJS 0.15.10 I cant get the components to work the way I intent. Its probable me, so if its a question, feel free to adjust the t...
Paid Plugins That Match This Issue
Curated by issue keywords and label relevance to help you ship faster.
Loading paid plugin recommendations...
Browse Plugin Categories
Jump directly to plugin category pages on the marketplace.