GrapesJS Issues

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

545 issues found

πŸ” typescript
#4249Apr 8, 2022by iamqinglong3 answers
0 reactions

Image src won't change in exported HTML

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? chrome 100 Reproducible demo link https://grapesjs.com/demo.html Describe the bug How to reproduce the bug?I am using externalDrag an image block to canvasSelect an image from the custom modalView the codeCheck the model/t...

m-jojo-s

either use selected.set('src', doc.url) or enable unsafe html attributes Refer to #4148

artf

Yeah, I'd say you should simply switch to selected.set('src', doc.url) as already suggested.

GJSBlock

Thanks for reporting this, @iamqinglong. Great question about image src won't change in exported HTML. The recommended approach with ProseMirror is to use the event-driven API. Start here: Check the GrapesJS documentation for your specific...

#4240Apr 5, 2022by varadero3 answers
1 reactions

"index.d.ts is not a module" in 0.18.4 when grapesjs is imported with "import * as grapesjs from 'grapesjs';"

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome 99 Reproducible demo link No link Describe the bug How to reproduce the bug?I was using grapesjs 0.18.2 in my typescript angular class imported like this - import as grapesjs from 'grapesjs';Upgraded to 0.18.4 What...

artf

Should be fixed here https://github.com/artf/grapesjs/pull/4216 I guess you should disable TS for the current version.

aharishsundhar

@artf im using grapesjs latest version ^0.18.4 i install npm grapesjs to run it its error on index.d.ts file can you please update issue npm install: manually change it local: manully update it my side can you please update the modules sid...

GJSBlock

Thanks for reporting this, @varadero. Great question about *"index.d.ts is not a module" in 0.18.4 when grapesjs is imported with "import as grapesjs from 'grapesjs';". The recommended approach with ProseMirror is to use the event-driven A...

#4236Apr 4, 2022by m-jojo-s1 answer
0 reactions

Paste command does not respect draggable/droppable properties

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome Version 98.0.4758.80 (Official Build) (arm64) Reproducible demo link https://grapesjs.com/demo.html Describe the bug How to reproduce the bug?Add a "Tabs" blockCopy a tab from the added componentPaste the tab anywhe...

GJSBlock

Thanks for reporting this, @m-jojo-s. Great question about paste command does not respect draggable/droppable properties. The recommended approach with Components is to use the event-driven API. Start here: Check the GrapesJS documentation...

#4233Apr 2, 2022by clonefunnels1 answer
0 reactions

Insert styles from StyleManager with !important broken

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome Reproducible demo link https://jsfiddle.net/q7cxvpf5/1/ Describe the bug When I use this code it stops working after one div change and then no longer accepts any more style changes to any other divs: editor.on('sty...

GJSBlock

Thanks for reporting this, @clonefunnels. The issue with insert styles from StyleManager with !important broken appears to be a race condition or state management timing problem. This typically happens when component lifecycle events and D...

#4208Mar 22, 2022by ronaldohoch4 answers
2 reactions

Style click state bug in every element

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Brave Last, tested on chrome last and Safari Last. Reproducible demo link https://grapesjs.com/demo.html Describe the bug How to reproduce the bug?I have a video: https://www.loom.com/share/508e91098bf247bd93d525f2efa00a36...

artf

Thanks for the report @ronaldohoch This will be fixed in the next release.

ronaldohoch

@artf worked! Thank you 😊

ronaldohoch

@artf I couldn't run it locally because several tests didn't pass, is it like that with you too? Can I try to fix them? e.g.:

#4195Mar 15, 2022by varadero4 answers
1 reactions

Text disappears if pasted for a second time in text block

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome 99 Reproducible demo link https://grapesjs.com/demo.html Describe the bug How to reproduce the bug?Open https://grapesjs.com/demo.html and delete all sample sectionsPlace one "Text section"Open a text editor and typ...

jmaks1

@artf The problem is relevant to the latest version. (v0.19.4) The bug occurs if you copy and paste a nested component while editing text. A regular paste (cmd + v) copies all html, including id, and after removing focus, html with identic...

varadero

I can confirm that this problem occurs only with Grapesjs 0.18.3 - I downgraded to 0.18.2 and the problem does not occur. Older versions are OK too.

jmaks1

I can confirm that this problem occurs only with Grapesjs 0.18.3 - I downgraded to 0.18.2 and the problem does not occur. Older versions are OK too. in version 0.18.2, nested components were not created inside the text.

#4192Mar 11, 2022by drashtibpatel2 answers
0 reactions

Drag boundary issue with dragMode: absolute/translate

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? chrome, firefox Reproducible demo link https://jsfiddle.net/drashti/9xk5ph8j/1/ Describe the bug I am using the Grape JS builder for my client to setup the builder and templates. For that I want the setDragMode "absolute o...

artf

No, at the moment is not possible. The dragMode is not real public and documented feature so I'm collecting all the issues and features to support here: https://github.com/artf/grapesjs/issues/3770#issuecomment-944915841

GJSBlock

Thanks for reporting this, @drashtibpatel. The issue with Drag boundary issue with dragMode: absolute/translate appears to be a race condition or state management timing problem. This typically happens when component lifecycle events and D...

#4191Mar 10, 2022by mastercorp-usa4 answers
1 reactions

We are trying to store the data from grapesJS editor in Angular 10 application, getting CORS error, image attached below

GrapesJS version [x] I confirm to use the latest version of GrapesJS What browser are you using? Chrome 99.0.4844.5 Reproducible demo link https://jsfiddle.net/ct5r4kvg/ Describe the bug How to reproduce the bug?Integrated in Angular 10 application with following codewhile running we are getting CORS error in angular...

lalitog

My server side script is in PHP so i added this code in my script and it works fine for me - header('Access-Control-Allow-Origin: *'); header('Access-Control-Allow-Methods: GET, POST'); header("Access-Control-Allow-Headers: X-Requested-Wit...

mastercorp-usa

please anybody help us for this problem, its very urgent for me

artf

CORS issues have nothing to do with GrapesJS

#4189Mar 10, 2022by vladninja1 answer
0 reactions

The component was deselected when the settings were changed (using third party e.g. React/Vue)

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome 98 Reproducible demo link https://codesandbox.io/s/grapesjs-react-components-n6sff?file=/src/base-react-component.js Describe the bug How to reproduce the bug?Select β€œListing” componentOpen component settingsChange...

GJSBlock

Thanks for reporting this, @vladninja. Great question about The component was deselected when the settings were changed (using third party e.g. React/Vue). The recommended approach with Components is to use the event-driven API. Start here...

#4187Mar 9, 2022by Townsheriff1 answer
0 reactions

Editor Destroy method throws an error in React

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome 98 Reproducible demo link https://codesandbox.io/s/withered-rain-z74rst?file=/src/App.js Describe the bug How to reproduce the bug?Unmount child elementCreate useEffect with callback where editor is destroyed What i...

GJSBlock

Thanks for reporting this, @Townsheriff. Great question about Editor Destroy method throws an error in React. The recommended approach with Components is to use the event-driven API. Start here: Check the GrapesJS documentation for your sp...

Browse all topics