GrapesJS Issues

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

231 issues found

πŸ” general
#3419Apr 27, 2021by emyasnikov2 answers
0 reactions

Event to hook into after editor.render has been executed

What are you trying to add to GrapesJS? As described in BUG: Panels "visible" attribute doesn't prevent panel rendering I tried to prevent panel rendering on initial start. Since visible attribute didn't work for me I tried some workarounds until I noticed all my changes are gone after render has been called. So best...

artf

Thanks @emyasnikov I'll close this and will keep the bug issue open

GJSBlock

Thanks for reporting this, @emyasnikov. The issue with FEAT: Event to hook into after editor.render has been executed appears to be a race condition or state management timing problem. This typically happens when component lifecycle events...

#3415Apr 26, 2021by mmotov4 answers
0 reactions

Custom Asset Manager. How to set bg image

Hi there! I'm building a custom modal for the Asset Manager and basically, it seems that I need to override command. How I can understand if a user wants to set an image src or background-image property? Thanks in advance!

advancedsoftwarecanada

Seconded, just started with GrapeJS and got it operational on my system, looking to set the background image on a header div without having to write css code :/

artf

Actually, the knowledge of what to do on asset selection should not be part of the command itself as the action should be decided by who runs the command, eg. I'd suggest inspecting the current implementation of the command, but I have to...

advancedsoftwarecanada

This is not the right solution to our question. What I'm looking to do is add this to a component, how would we do this?

#3414Apr 26, 2021by sidh013 answers
1 reactions

Component model is not reset when create new drag

When dragging a component from right panel component model doesn't set to default value but has value of previously added component

sidh01

I have solved this the problem was when we set model property then I need to use deep clone for array or object

artf

Hi @sidh01 it's definitely something on your side, we can try to help you if you're able to create a reproducible demo.

GJSBlock

Thanks for reporting this, @sidh01. Thanks for sharing your report about Component model is not reset when create new drag. To help the team investigate and prioritize this: Please provide: A minimal reproducible example (CodeSandbox/JSFid...

#3408Apr 21, 2021by marcepoblet2 answers
1 reactions

How to changes styles of devices, view code and fullscreen

Currently we have this GrapesJs style: But, we are looking to have this GrapesJs style: My questions are: 1- - how we can change the format in the devices? we would like to have buttons instead of dropdown. 2- is possible move the buttons 'view code' and 'fullscreen' inside the page?

Ju99ernaut

You'll just need to set the device or run the respective commands on the button's click event eg.

GJSBlock

Thanks for reporting this, @marcepoblet. Great question about [QUESTIONS] How to changes styles of devices, view code and fullscreen. The recommended approach with StyleManager is to use the event-driven API. Start here: Check the GrapesJS...

#3403Apr 14, 2021by John-Oula4 answers
0 reactions

Multi page manager

How can I create multiple pages?

GoodPHP

Hey, now it need to build yourself. We have done solution: https://gjs.market/products/pages-manager

Ju99ernaut

Working on a plugin for that https://github.com/Ju99ernaut/grapesjs-template-manager, still WIP but it's now in a pretty decent state.

echobinod

Multipage Manager using VueJS: https://github.com/echobinod/GrapesJS-Vue.js.git

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

#3395Apr 9, 2021by Abhisheknanda13444632 answers
1 reactions

Observation -: Inconsistent Mobile view

Hi @artf Please have a look to the attached video. I've checked the mobile view and observed that mobile view is different as compared to editor-mobile view. Any thoughts on this? or It's supposed to be work like this way Screen Recording 2021-04-09 at 2.55.45 PM.zip

Abhisheknanda1344463

It's fixed. Closing the issue.

GJSBlock

Thanks for reporting this, @Abhisheknanda1344463. Great question about Observation -: Inconsistent Mobile view. The recommended approach with GrapesJS is to use the event-driven API. Start here: Check the GrapesJS documentation for your sp...

#3394Apr 8, 2021by alext27933 answers
1 reactions

UndoManager add

how to add undo/redo event to UndoManager from custom rich text editor ckeditor?

Ju99ernaut

UndoManger usually tracks changes to component models, so if you can record the changes from the rte in the component in some way it could work. I'm not completely sure how this would work so I can't give a more in depth description. Anywa...

artf

Yeah, as already mentioned by @Ju99ernaut all major RTE editors implement their own undo manager. Indeed, when the RTE is enabled (built-in or a custom one) all shortcuts are disabled, in order not to mess with text editing (when you edit...

GJSBlock

Thanks for reporting this, @alext2793. Great question about UndoManager add. 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()...

#3387Apr 5, 2021by assadnazar4 answers
0 reactions

Load through URL

Can we add an option to load through URL? e.g. we pass a URL to the init and there it initializes the page with editor?

Ju99ernaut

Pretty hard to come up with a universal solution due to CORS restrictions.

artf

Pretty hard to come up with a universal solution due to CORS restrictions. Correct, if your intention is to load HTML of some external site, you should have a server to fetch the content.

assadnazar

@Ju99ernaut, @artf I want to load same domains' pages to edit html for.

#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