GrapesJS Issues

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

183 issues found

πŸ” documentation
#3433May 5, 2021by divesham2 answers
0 reactions

Video not playing

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

divesham

https://github.com/artf/grapesjs/issues/1381

GJSBlock

Thanks for reporting this, @divesham. Great suggestion about FEAT: Video not playing! While this specific feature isn't yet in the core API, there are several ways to achieve similar behavior. Using the event system: Alternative approaches...

#3432May 5, 2021by SintoDema2 answers
0 reactions

Can we able to use Wistia in GrapesJS editor. I would like to use it as Vimeo u…

Hi @artf, Can we able to use Wistia in GrapesJS editor. I would like to use it as Vimeo used in the editor. Scenario: I have a video in my Wistia domain, let the path be https://mydomain.wistia.com/medias/VIDEO_ID. I have to add that URL or video as we are adding a Youtube video link with Video ID in editor > video se...

artf

Sure, just check the current implementation of the ComponentVideo and extend it for your needs.

GJSBlock

Thanks for reporting this, @SintoDema. Great question about *. The recommended approach with GrapesJS is to use the event-driven API. Start here: Check the GrapesJS documentation for your specific module Look for the on() event listener me...

#3431May 5, 2021by bgrand-ch2 answers
1 reactions

Enable "Discussions" tab on GitHub

What are you trying to add to GrapesJS? Enable "Discussions" tab on GitHub. https://docs.github.com/en/discussions Describe your feature request detailed "Issues" tab is polluted by questions and others problems that not an issue. Enabling the "Discussions" tab will facilitate interactions between the GrapesJS communi...

artf

Thanks @bgrand-ch good idea, Discussions enabled. I'm not very familiar with the feature, if you have any suggestions on how to improve that section, please let me know.

GJSBlock

Thanks for reporting this, @bgrand-ch. Great suggestion about FEAT: Enable "Discussions" tab on GitHub! While this specific feature isn't yet in the core API, there are several ways to achieve similar behavior. Using the event system: Alte...

#3427May 1, 2021by akmittal2 answers
1 reactions

Add lazy loading support for images

What are you trying to add to GrapesJS? Lazily loading support for images. Describe your feature request detailed Latest Browsers support lazy loading of images using the loading attribute. <img src="myimg.png" loading="lazy">. There are two possible values eager and lazy. If a loading attribute is not provided images...

artf

Thanks @akmittal loading is actually really cool and useful but, for now, I'd like to avoid extending core components (this might lead to unexpected behavior if someone creates a new component by extending the image). For anyone who wants...

GJSBlock

Thanks for reporting this, @akmittal. Great suggestion about FEAT: Add lazy loading support for images! While this specific feature isn't yet in the core API, there are several ways to achieve similar behavior. Using the event system: Alte...

#3412Apr 25, 2021by maxtsh2 answers
2 reactions

Auto save is working partially and stops working after inserting text

hello guys. I am using this awesome project for a production app written with React.js, So I integrated it inside my app. everything works fine but I have a problem with auto saving the editor data on each change to editor. OS: Windows 10 Browser: Chrome 90 GrapesJS version: 0.17.03 latest on 26/04/2021 EDITOR INSTANC...

artf

Thanks @maxtsh for the report, there is actually an issue with those old blocks from the basic plugin which breaks the storage counter. I'll push the fix soon. For now, as a hotfix, update those blocks in this way.

GJSBlock

Thanks for reporting this, @maxtsh. The issue with Auto save is working partially and stops working after inserting text appears to be a race condition or state management timing problem. This typically happens when component lifecycle eve...

#3406Apr 20, 2021by vatte212 answers
0 reactions

How to create a custom storage manager, it doesnt set saved data from canvas, after reloading the page

Hello everyone, i want to save data from canvas to redux store, and it works, but after reloading the page, storage load method , doesnt set my data to builder (canvas), i dont know whats wrong, let me know if someone has any solutions. Code example :

artf

Remove this one const resultKey = key.slice(4);. You're storing data with the prefix but then you're loading it without

GJSBlock

Thanks for reporting this, @vatte21. Great question about How to create a custom storage manager, it doesnt set saved data from canvas, after reloading the page. The recommended approach with StyleManager is to use the event-driven API. St...

#3405Apr 20, 2021by chrisijoyah4 answers
0 reactions

An event to hook into before a block in dropped into 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...

artf

Hi @chrisijoyah did you try using canvas:dragdata? Here an example of usage https://jsfiddle.net/artur_arseniev/87rcb24n/

chrisijoyah

Hi @chrisijoyah did you try using canvas:dragdata? Here an example of usage https://jsfiddle.net/artur_arseniev/87rcb24n/ Does this mean I can prevent the dropped model from being added to the Canvas. Ideally I want to carry out some check...

artf

Can I do something like result.content= '' Yeah, you should be able to do that with that trick. Can you tell me more about your use case, what kind of check are you trying to perform?

#3400Apr 12, 2021by GoodPHP3 answers
1 reactions

Ckeditor5 + GrapesJS now is possible!

We are DevFuture, we developed plugin for integrate GrapesJS + ckeditor5. Video example: https://www.youtube.com/watch?v=xn4gSMIrx-A We know a lot of people looking for this integration in a long time. We did it. If you interesting at this plugin, messaging to our contact. More details: https://devfuture.pro/grapesjs-...

GoodPHP

Yeh, each 20% from selling plugin we will send on support GrapesJS. If you will buy plugin, you will support GrapesJS.

theSC0RP

@GoodPHP Is this a paid plugin?

GJSBlock

Thanks for reporting this, @GoodPHP. Great question about Ckeditor5 + GrapesJS now is possible!. The recommended approach with GrapesJS is to use the event-driven API. Start here: Check the GrapesJS documentation for your specific module L...

#3392Apr 7, 2021by rywilson283 answers
0 reactions

Allow dynamic droppable configuration using a function

I have a requirement where I cannot use selectors to determine if an element is droppable. For example: The "child" component must be within a "parent" component, however if the child component contains a ref attribute it can only be dragged into other parent containers that match the same ref value as the current par...

rywilson28

Associated PR: https://github.com/artf/grapesjs/pull/3393

rywilson28

@artf do have any questions regarding this feature or the approach taken in the PR?

GJSBlock

Thanks for reporting this, @rywilson28. Great suggestion about FEAT: Allow dynamic droppable configuration using a function! While this specific feature isn't yet in the core API, there are several ways to achieve similar behavior. Using t...

#3386Apr 3, 2021by maivanchuong1 answer
0 reactions

GrapesJS not change config AssetManager

hi, i'm not change config AssetManager example: modalTitle, addBtnText, uploadText,... hope you help me

GJSBlock

Thanks for reporting this, @maivanchuong. Thanks for sharing your report about GrapesJS not change config AssetManager. To help the team investigate and prioritize this: Please provide: A minimal reproducible example (CodeSandbox/JSFiddle)...

Browse all topics