[Question] Losing the component information on saving the code from Code Editor

Question

I have integrated the code edit option in the Web builder.Using editor.getHtml() to get the current HTML content and populate in the code editorWhile saving the code from the code editor, I am using editor.setComponents() to set the edited content to the builder canvas. IssuesOn Saving the html from the code editor, it loses all the old component related information and acts as a new component with default values in the traits. data-gjs-type becomes default and it is not recognizing the custom...

pouyamiralayi · Accepted Answer

@jenter #1331 comment and #2644 comment are good examples. Also checkout #2664 comment which is a pitfall to avoid! Cheers!

noogen · Answer

@sathyanarayananaCES First, to echo others that it is best to use get/setComponents and get/setStyle to save the content of the editor. If I understand your usage correctly, that you want HTML for htmlCodeEditor and be able to import back into the editor after user edit. Take a look at the demo of the editor import which simply call setComponents with raw HTML. Refs - https://github.com/artf/grapesjs/blob/dev/docs/api/editor.md#examples and https://github.com/artf/grapesjs/blob/dev/test/specs/g...

pouyamiralayi · Answer

Hi @sathyanarayananaCES you must call `editor.getComponents and editor.getStyle in order to retrieve the components details; then you can return to the stored state by calling editor.setComponents and editor.setStyle` with the result of above mentioned function calls. Cheers!

Losing the component information on saving the code from Code Editor

Question

Answers (3)

Related Questions and Answers

How can I get Uncompressed JS code for me to edit?

Default Content is getting Inserted while using setComponents if Tag Body is empty

Ids gets changed while trying to set components on the canvas using json

Using imported HTML/CSS/JS into the editor shows outlines, but no content, JS Fiddle inside

Paid Plugins That Match This Issue

Browse Plugin Categories