GrapesJS Issues

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

220 issues found

πŸ” canvas
#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...

#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...

#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?

#3806Sep 22, 2021by throne19864 answers
0 reactions

Target :null when adding video

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? chrome new version Reproducible demo link https://codesandbox.io/s/react-redux-toolkit-application-forked-l5rhp?file=/src/pages/Editor.js Describe the bug How to reproduce the bug?Drag and drop the video to canvas area fro...

throne1986

@artf can you please help me with this?

artf

The issue is here You can also remove that global listener and update the video Block with activate: true, way more cleaner.

throne1986

> The issue is here> > > > > > > > > > > > > You can also remove that global listener and update the video Block with activate: true, way more cleaner.Hi @artf changing as u suggested but still when I drag the video block and select a vide...

#3794Sep 20, 2021by mattnoth3 answers
0 reactions

RTE Overlapping text In Basic Text Component when Width & Height are 100% of Canvas

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Version 93.0.4577.82 (Official Build) (64-bit) Reproducible demo link https://grapesjs.com/demo.html Describe the bug How to reproduce the bug?... In the official demo, delete everything / start with Body Only in the layer...

mattnoth

I didn't noticed that you had closed my previous issue -- with the weird use case. Do you have any suggestions for a work around here? I've been using the updateRte event listener, putting the RTE inside the canvas dynamically is proving a...

artf

@mattnoth I already replied to your discussion here, please avoid opening the same issue again.

GJSBlock

Thanks for reporting this, @mattnoth. Great question about RTE Overlapping text In Basic Text Component when Width & Height are 100% of Canvas. The recommended approach with ProseMirror is to use the event-driven API. Start here: Check the...

#3783Sep 16, 2021by mattnoth3 answers
0 reactions

RTE overlapping text when text component set to 100% height

GrapesJS version please help - this may have been solved somewhere but i looked through the issues and found none - there is a doc reference to moving the positioning of the RTE but im not sure where in the init it should go --> what does 'rteToolbarPosUpdate` and pos mean? i just want the RTE to go to the bottom of t...

artf

Not a bug, just a weird use case.

mingxin-yang

@artf I want to change the position of rteToolbar, but pos does not have the parameters mentioned in the document

GJSBlock

Thanks for reporting this, @mattnoth. Great question about RTE overlapping text when text component set to 100% height. The recommended approach with ProseMirror is to use the event-driven API. Start here: Check the GrapesJS documentation...

#3759Sep 8, 2021by throne19864 answers
3 reactions

Uncaught TypeError: Failed to execute 'appendChild' on 'Node': parameter 1 is not of type 'Node'.

GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? chrome new versionReproducible demo link https://codesandbox.io/s/grapejs-reactjs-forked-zqnqo?file=/src/Editor.jsDescribe the bug How to reproduce the bug?Just drag and drop image block to canvasalso drag and drop custom im...

throne1986

I solved the issue for future reference first I removed this function : editor.on("component:add", (model, argument) => { if (model.getName() === "Image") { modal.setContent(ModalImages); } }); I replaced with this function editor.Commands...

artf

when you run editor.command.run('open-assets') you have to pass options, eg.

throne1986

@artf I solved the issue it was about closure problem , the solution just passing the URL as options as follows editor.Commands.run("open-assets", { target: editor.getSelected() url: imageUrl }); editor.Commands.add("open-assets", { run(ed...

#3722Aug 25, 2021by amansharmaagami2 answers
0 reactions

Want to Add fixed sized height of canvas

I'm using it for making dynamic PDF content. Wanted to fixed the height of canvas so user can't add more blocks from given size (height). I want to be remove scroll and a message or restriction like can't add more items or something like that. Found a old issue on same https://github.com/artf/grapesjs/issues/1803 If i...

amansharmaagami

@artf Thanks for making GrapesJS.

GJSBlock

Thanks for reporting this, @amansharmaagami. Great question about Want to Add fixed sized height of canvas. The recommended approach with Canvas is to use the event-driven API. Start here: Check the GrapesJS documentation for your specific...

Browse all topics