Editor Freeze on loadProjectData 0.21.7

Question

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome 117.0 Reproducible demo link localhost Describe the bug grapesjs": "^0.21.7", editor.loadProjectData({ "assets": [], "styles": [], "pages": [{ "component": "

TEST TEST TEST TEST

" }] }) editor freeze Code of Conduct [X] I agree to follow this project's Code of Conduct

antoinematyja · Accepted Answer

Hi, I encountered the same issue using Vue 3 and using a vue ref to store the editor. Not sure if this is a good idea though. A code reproduction would be something like: Fix: don't use a ref 😅

artf · Answer

Are you able to provide a reproducible demo? Tried your example and I don't see any freeze....

boardmain · Answer

tried with the latest version 21.7 i try to put it online, but i just pasted html from a custom command, the source is pasted, but after it, the editor freeze ( i need to close the page ) for example ~~~ btnImp.onclick = () => { editor.runCommand('core:canvas-clear') // editor.Css.clear() editor.setComponents(codeViewer.getContent().trim()) editor.Modal.close() } ~~~ where the codeViewer.getContent().trim() get simple html from a modal

Editor Freeze on loadProjectData 0.21.7

Question

GrapesJS version

What browser are you using?

Reproducible demo link

Describe the bug

Code of Conduct

Answers (4)

Related Questions and Answers

Deleting a component without deleting its corresponding style, will adding new components later cause style conflicts?

Adding style o component by (prop, value), isn't work correct.

Can't set preview mode on editor init when using loadProjectData()

Drag and drop broken in 20.2

Paid Plugins That Match This Issue

Browse Plugin Categories