GrapesJS Issues

3,464 parsed GitHub issues โ€” 370 solved ยท 90 open. Search, filter and explore battle-tested answers.

829 issues found

๐Ÿ” question
#3734August 30, 2021by anatoli-dp4 answers
2 reactions

Is there a way to trigger save manually outside of autosave?

as the question states is there a way to trigger the save function via commands outside of autosave? not key value pairs but a command that instantly saves the entire project?

csechrist

editor.store() will save the project, if you have a Storage Manager setup

artf

yes, you have to use editor.store()

anatole-dp

Editor.store() with no parameters just sends empty data for me.

#3733August 30, 2021by anatoli-dp2 answers
0 reactions

(or just general issue) storage manager does not load coorectly?

WARNING READ and FOLLOW next 3 steps, then REMOVE them before posting the issueFollow CONTRIBUTING Guidelines https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.mdDo a quick SEARCH first, to see if someone else didn't open the same issueAll relative statements/questions have to be filled/answered, otherwise, th...

artf

You're calling the clb outside the fetch, in your load function

ClaudeCode

Thanks for reporting this, @anatoli-dp. The issue with (or just general issue) storage manager does not load coorectly? appears to be a race condition or state management timing problem. This typically happens when component lifecycle even...

#3727August 26, 2021by SintoDema4 answers
1 reactions

Issue on Style Import

Hi @artf, Describe the bug detailed While creating a new template using GrapesJS, I came across a scenario that, when we try to import CSS from the import modal it does not get reflected in the editor. On a blank editor, I have created a template with HTML & CSS adding to it.After that, I need to do some changes in th...

artf

Hi @javadsamiee the issue was fixed on the latest version of the preset plugin

artf

Hi @SintoDema the issue is here https://github.com/artf/grapesjs-preset-webpage/blob/3e5a9e12998c9a32b6f1199953084163678e6c17/src/commands/openImport.js#L15-L18 As you see, it updates components but doesn't clear the styles module. I don't...

javadsamiee

Hi @SintoDema the issue is here https://github.com/artf/grapesjs-preset-webpage/blob/3e5a9e12998c9a32b6f1199953084163678e6c17/src/commands/openImport.js#L15-L18As you see, it updates components but doesn't clear the styles module. I don't...

#3703August 13, 2021by anatoli-dp2 answers
0 reactions

custom ids have a \3 injected into the css and a space after the following letter after the \3 when added to the canvas

WARNING READ and FOLLOW next 3 steps, then REMOVE them before posting the issueFollow CONTRIBUTING Guidelines https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.mdDo a quick SEARCH first, to see if someone else didn't open the same issueAll relative statements/questions have to be filled/answered, otherwise, th...

anatoli-dp

please note this issue is bad . . . now that i see it i feel stupid . . . ids cant start with a number and i didnt take that into account when making this

ClaudeCode

Thanks for reporting this, @anatoli-dp. The issue with custom ids have a \3 injected into the css and a space after the following letter after the \3 when added to the canvas appears to be a race condition or state management timing proble...

#3700August 12, 2021by anatoli-dp3 answers
3 reactions

setting draggable: 'wrapper' does not drop in wrapper

WARNING READ and FOLLOW next 3 steps, then REMOVE them before posting the issueFollow CONTRIBUTING Guidelines https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.mdDo a quick SEARCH first, to see if someone else didn't open the same issueAll relative statements/questions have to be filled/answered, otherwise, th...

artf

The string here is supposed to be a query string so it tries to query a wrapper tag, which obviously doesn't exist. The editor attaches data-gjs-type attribute to all components in the frame, so the query you can use is draggable: '[data-g...

anatoli-dp

ah that makes a lot more sense now . . . thanks, that solved the issue

ClaudeCode

Thanks for reporting this, @anatoli-dp. The issue with setting draggable: 'wrapper' does not drop in wrapper appears to be a race condition or state management timing problem. This typically happens when component lifecycle events and DOM...

#3694August 11, 2021by codingmachine161 answer
0 reactions

Question: Dynamic Changes vanish when load from DB

@artf Here is my code , I am adding test in a div on select change init() { this.listenTo(this, "change:noOfLinks", this.getInfoLinks); }, getInfoLinks() { let canvasDoc = editor.Canvas.getDocument(); canvasDoc.getElementById("infoLinks").innerHTML = " test text "; editor.trigger("change:selectedComponent"); editor.Tr...

ClaudeCode

Thanks for reporting this, @codingmachine16. Great question about Question: Dynamic Changes vanish when load from DB. The recommended approach with Canvas is to use the event-driven API. Start here: Check the GrapesJS documentation for you...

#3673August 5, 2021by imouou2 answers
0 reactions

option resizable:true will change all the same components in canvas.

WARNING READ and FOLLOW next 3 steps, then REMOVE them before posting the issueFollow CONTRIBUTING Guidelines https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.mdDo a quick SEARCH first, to see if someone else didn't open the same issueAll relative statements/questions have to be filled/answered, otherwise, th...

artf

Use component first styling

ClaudeCode

Thanks for reporting this, @imouou. The issue with option resizable:true will change all the same components in canvas. appears to be a race condition or state management timing problem. This typically happens when component lifecycle even...

#3668August 3, 2021by anatoli-dp4 answers
0 reactions

Cant Reset Canvas after Moving/scaling it

WARNING READ and FOLLOW next 3 steps, then REMOVE them before posting the issueFollow CONTRIBUTING Guidelines https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.mdDo a quick SEARCH first, to see if someone else didn't open the same issueAll relative statements/questions have to be filled/answered, otherwise, th...

artf

I'm not sure if I understand your issue, how do you exactly move/scale the canvas? this is unrelated but is there a function that can be called to zoom the content not the canvas? so like if i want to scale it like if it were on some reall...

anatoli-dp

i scale it using the editor.Canvas.setZoom and move it using spacebar. atm i removed what i did but it was something like getting the canvas element and just positioning it with a style update. however this change isnt permanent and as soo...

artf

If you're talking about the moving coordinates, we don't have yet a direct API for that, but you can actually get/update them in this way:

#3654July 30, 2021by NoumanAhmad-Braqsol1 answer
0 reactions

[QUESTIONS] editor.setComponents(html) and pageManager.select(pageId) not load js scripts

Hi, @artf As i have read allowScripts:1 allow grapesjs to load scripts . when i load a LandingPage first time it works fine . it load all javascript. After this when i use editor.setComponents(html) or pageManager.select(pageId) for the same html string that used in LandingPage . javascript not work . appendOnClick:1...

ClaudeCode

Thanks for reporting this, @NoumanAhmad-Braqsol. Great suggestion about [QUESTIONS] editor.setComponents(html) and pageManager.select(pageId) not load js scripts! While this specific feature isn't yet in the core API, there are several way...

#3653July 28, 2021by Chetan11-dev3 answers
0 reactions

Rich text

If you double click rich text the cursor moves to start not at place where double clicked. Solution : https://stackoverflow.com/questions/12920225/text-selection-in-divcontenteditable-when-double-click/68496971#68496971 <- RUNNABLE ANSWER BY CHETAN

artf

PR is welcome

no-response[bot]

This issue has been automatically closed because there has been no response to our request for more information from the original author. With only the information that is currently in the issue, we don't have enough information to take ac...

ClaudeCode

Thanks for reporting this, @Chetan11-dev. Great question about Rich text. The recommended approach with ProseMirror is to use the event-driven API. Start here: Check the GrapesJS documentation for your specific module Look for the on() eve...