GrapesJS Issues

3,464 parsed GitHub issues β€” 370 solved Β· 90 open. Search, filter and explore battle-tested answers.

3,464 issues found

#3878Oct 20, 2021by Sudhin354 answers
0 reactions

Not able to rename the page name and page id if we are using multipage concept

GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Chrome v9Reproducible demo link Not thereDescribe the bug How to reproduce the bug?Install the grapes js in react appOpen the grapes js editorImplement the multipage concept in the grapes js initCreate a button for the renam...

Sudhin35

@artf Is there no way to do so currently ? Please help me out for this issue , i am blocked

artf

@Sudhin35 next time please open a discussion, as there is no real bug to fix or reproduce. Anyway, this is how you'd do it right now page.set({ id: 'new-id', name: 'new name' })

Sudhin35

@artf Thanks for the response , actually i was stuck so i have raised as bug , from next time will open discussion but now after using the above command i getting this error Please help if there is any issue in my code

#3873Oct 19, 2021by JGiard3 answers
0 reactions

Duplicated video block when re-attaching GrapesJs editor to document

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome v94 Reproducible demo link https://jsfiddle.net/3mrzaqtx/ Describe the bug How to reproduce the bug?Add a video block to the canvasRemove the GrapesJs editor element from the document (Optional)Re-attach the GrapesJ...

JGiard

I've created a pull-request with what I would expect a fix to look like, given my understanding of the issue.

artf

No, you should never rely on something like this, or you destroy and reinit, or you simply hide and show the editor.

GJSBlock

Thanks for reporting this, @JGiard. Great question about Duplicated video block when re-attaching GrapesJs editor to document. The recommended approach with Canvas is to use the event-driven API. Start here: Check the GrapesJS documentatio...

#3866Oct 16, 2021by inventorbit4 answers
2 reactions

SVG Not rendering when inside any HTML Element

GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Version 94.0.4606.81 (Official Build) (64-bit)Reproducible demo link https://grapesjs.com/demo.htmlDescribe the bug How to reproduce the bug? Add any SVG directly it will be visible in the canvas - then wrap the same SVG ele...

marcosvnmelo

I keep having this problem in version 0.17.19

marcosvnmelo

I'm sorry I just spelled it wrong. I meant 0.17.29.

artf

Thanks for the report @inventorbit I can see an issue in parsing the <path> tag. I'll investigate and try to fix it for the next release.

#3861Oct 12, 2021by heminei1 answer
0 reactions

JS error when press "s" or "w" key - Cannot read properties of undefined (reading 'indexOf')

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome Version 94.0.4606.81 (Official Build) (64-bit) Reproducible demo link https://jsfiddle.net/szLp8h4n Describe the bug How to reproduce the bug?Select body elementPress "s" or "w" key What is the expected behavior? Sh...

GJSBlock

Thanks for reporting this, @heminei. Great question about JS error when press "s" or "w" key - Cannot read properties of undefined (reading 'indexOf'). The recommended approach with Canvas is to use the event-driven API. Start here: Check...

#3860Oct 12, 2021by sduncan-tribe2 answers
1 reactions

Blocks not working after upgrading from 0.16.27 to 0.17.27

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Firefox 93.0, Chrome 94.0.4606.71 Reproducible demo link https://github.com/Tribe-Mobile/grapesjs-blocks Describe the bug How to reproduce the bug?Run git repo, no blocks displayedswitch to version 0.16.27 nd run again Wha...

paooolino

see here #3835

GJSBlock

Thanks for reporting this, @sduncan-tribe. Great question about blocks not working after upgrading from 0.16.27 to 0.17.27. The recommended approach with GrapesJS is to use the event-driven API. Start here: Check the GrapesJS documentation...

#3857Oct 8, 2021by flowize-project2 answers
1 reactions

Firefox issue when the user clicks on different component very fast

GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? FirefoxReproducible demo link https://grapesjs.com/demo.htmlDescribe the bug How to reproduce the bug? You need to click very fast from one component to another component on the canvas and you will receive a js error "too mu...

arthuralmeidap

hello @flowize-project ! hope you are good! In your issue you have posted GrapesJS demo link as reproducible link but the video was recorded with a custom grapesjs installation. Could you try to record a video and reproduce the issue with...

GJSBlock

Thanks for reporting this, @flowize-project. Great question about Firefox issue when the user clicks on different component very fast. The recommended approach with Canvas is to use the event-driven API. Start here: Check the GrapesJS docu...

#3835Sep 29, 2021by paooolino4 answers
0 reactions

StyleManager AppendTo not showing in custom div

GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Chrome 93Reproducible demo link https://codepen.io/paooolino/pen/WNOPgJyDescribe the bug How to reproduce the bug? This is quite simple because I was using Grapes v.0.16.xx and it worked until I upgraded to the latest releas...

paooolino

I verified it is since v0.17.25 v0.17.22 >>> working v0.17.25 >>> not working

artf

Thanks Paolo, that will be fixed in the next release. The problem is with the default StyleManager opener command, which moves the rendered part, from your container, to the default one. You can verify that by disabling the default button...

paooolino

thankyou for the release. And sorry for reopening :-) but now the StyleManager appendTo is working, while the blockManager appendTo appears to be broken. Same problem with the previous StyleManager. I verified it was working in previous v....

#3832Sep 29, 2021by Sudhin354 answers
0 reactions

The css classes are removed and the autogenerated ids for each html tags gets changed ( Example : ivj5m-2) after each reload

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome Reproducible demo link Not there Describe the bug How to reproduce the bug? Install the grapes js in react app Go to the editor and drag a component. ( Example : text component) Style the component using the style m...

Sudhin35

Please guide me on this

artf

Disable autoload: true you're loading everything twice

Sudhin35

Thanks @artf . This fixed my issue

#3825Sep 27, 2021by mingxin-yang4 answers
2 reactions

Ckeditor wrap and block the text below

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome Reproducible demo link https:// Describe the bug If the width of the text component is not very long, the elements on ckeditor will wrap and block the text below But when you click on the lower part of the component...

ronaldohoch

Hello! We used this trick to solve the problem for a while: subscribe to the event rte:enable and trigger the canvasScroll. With this, the grapes will recalculate the position.

mingxin-yang

@ronaldohoch Thank you, this code work to me

mingxin-yang

bugs will also be implemented on this website. https://grapesjs.com/demo-mjml.html The toolbar in the upper right corner will also be covered @artf

#3810Sep 23, 2021by mihir-khandekar4 answers
0 reactions

92.0.4515.131 (Official Build) (64-bit)Reproducible demo link

GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? 92.0.4515.131 (Official Build) (64-bit)Reproducible demo link N/ADescribe the bug How to reproduce the bug?Insert HTML into canvas using the editor.Canvas.getBody().ownerDocument.execCommand('insertHTML', false, HTMLString)...

artf

the getHtml has nothing to do with the DOM of the canvas... Read carefully the documentation https://grapesjs.com/docs/modules/Components.html and try to understand the difference between the model and the view of the component.

mihir-khandekar

@artf thanks for the prompt response, what is the right way of doing this then? My requirement is: I want to add a component at the current cursor position. How can I then get it to be part of the editor.getHtml() method?

ionutmiftode

@mihir-khandekar did you manage to fix this?

Browse all topics