GrapesJS Issues

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

545 issues found

🔍 typescript
#3166Dec 1, 2020by nanaya14 answers
0 reactions

Problem with copy and paste a node

*Version:0.16.27 Are you able to reproduce the bug from the demo? [ ] Yes [ ] No What is the expected behavior? In the right panel and canvas, the pasted node should be after the copied node. What is the current behavior? I copy a node. In the views-container(right panel), the pasted node is after the copied node. But...

artf

I've tried locally but the node is placed correctly. Are you able to create a live demo, please?

nanaya1

Sorry, I did not elaborate on the scenario where this error occurred. The components that come with grapesjs do not produce this error, because they don‘t have spaces,carriage returns or tabs. I found this problem while customizing compone...

nanaya1

@artf I accidentally closed the issue.

#3162Nov 27, 2020by sashapawlow7263 answers
0 reactions

Button switcher to editor.allowsCripts

Hello, @artf ! :) Maybe you can help with grapesjs. I have buttons which has own scripts(e.g. opening modal window by click). And if I set property allowScripts: 0 - I can to edit these buttons, but if editor.allowScripts == 1, buttons execute logic(e.g. opening modal window) and I can't to edit buttons in that case....

artf

I'd recommend creating a custom component for those buttons to handle the logic with scripts

sashapawlow726

@artf thank you very much! :+1:

GJSBlock

Thanks for reporting this, @sashapawlow726. Great suggestion about Button switcher to editor.allowsCripts! While this specific feature isn't yet in the core API, there are several ways to achieve similar behavior. Using the event system: A...

#3161Nov 27, 2020by ssmanoj-grapes4 answers
0 reactions

Editor Undo is removing collection and unable to replace the component

The collection of the selected component before Undo The collection of the selected component after Undo Code to replace the component with new component Uncaught TypeError: n.getEl is not a function and Uncaught TypeError: t.getSelectors is not function are the errors reported on save. I’m unable to replace the selec...

artf

Sorry, but without a reproducible demo, this issue doesn't make sense to me

ssmanoj-grapes

Hi artf, Please find the demo video of the issue grapejs-issue.zip.

artf

Ok, as you're not able to create a reproducible demo, I have to close this...

#3160Nov 27, 2020by congweibai2 answers
0 reactions

Add toggle-move label in custom setting panel in Vue

Version: ^0.16.18 This question is intended to extract layer moving function to custom one. I only want to given components could be seen in this components, and children components could be reorder in the panel. Assume these components are in same level. My code will be like this: I have seen reorder can be happened...

artf

No, in this case, you have to handle the sorting on your side

GJSBlock

Thanks for reporting this, @congweibai. Great question about [Question] Add toggle-move label in custom setting panel in Vue. The recommended approach with Components is to use the event-driven API. Start here: Check the GrapesJS documenta...

#3155Nov 24, 2020by Abhisheknanda13444633 answers
0 reactions

Adding Animations

hi @artf I want to include animation on all the blocks Here is some snippet of code but it's not working Could you please help me here Thanks

artf

You forgot changeProp: 1 on the animation trait

Abhisheknanda1344463

@artf Without giving the animation name it's not working. Should i need to add css rule for this Any suggestion.Please?

GJSBlock

Thanks for reporting this, @Abhisheknanda1344463. Thanks for sharing your report about Adding Animations. To help the team investigate and prioritize this: Please provide: A minimal reproducible example (CodeSandbox/JSFiddle) Your GrapesJS...

#3154Nov 23, 2020by phamhongphuc19992 answers
0 reactions

Hide elements when i click eye icon in Open Layer Manager

I want to see the code handle event hide or delete elements. Where can i find it? <img width="958" alt="Capture" src="https://user-images.githubusercontent.com/56115755/99949266-509d2480-2dad-11eb-8203-51432975b4d3.PNG"> Thanks so much!

artf

Here https://github.com/artf/grapesjs/blob/d802eba08559a3e1c7830e937a78b0b2a417f2e4/src/navigator/view/ItemView.js#L12-L22

GJSBlock

Thanks for reporting this, @phamhongphuc1999. Great question about Hide elements when i click eye icon in Open Layer Manager. The recommended approach with GrapesJS is to use the event-driven API. Start here: Check the GrapesJS documentati...

#3152Nov 23, 2020by fq-selbach4 answers
2 reactions

The blue outline (gjs-hovered) is not following its parent during scrolling

Version: 16.27 Are you able to reproduce the bug from the demo? [x ] Yes [ ] No Describe the bug: I discovered an issue with gjs-hovered, the class that handles the mouse-hover outline for elements. Sometimes the blue outline will move relative to its parent during scrolling . Check out this JsFiddle (and scroll with...

lofcz

Would be nice to have this fixed, not the end of the world, but mildly annoying.

matteocollina

any news?

artf

I'm closing this one as it was actually already fixed, indeed the old demo is working now properly. You might still face the issue if your editor is placed in a scrollable container, in that case, use this option please: https://github.com...

#3150Nov 23, 2020by michaelVictoriaDev2 answers
0 reactions

Is there a way or tutorial how we can integrate in october cms ?

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

There is already a plugin for October CMS https://octobercms.com/plugin/pkurg-pagebuilder

GJSBlock

Thanks for reporting this, @michaelVictoriaDev. Great suggestion about FEAT: Is there a way or tutorial how we can integrate in october cms ?! While this specific feature isn't yet in the core API, there are several ways to achieve similar...

#3144Nov 17, 2020by antman33512 answers
0 reactions

Swap default factories

Hello, I'm using GrapesJs to template HTML for printing so I need the measurements in mm. Is there a way to swap the default factory in the StyleManager? maybe pass it in the options? Thanks, Antonio

artf

No, you can't, you just need to configure your properties in the StyleManager configuration (example configuration can be found here)

GJSBlock

Thanks for reporting this, @antman3351. Great question about [Question] Swap default factories. The recommended approach with StyleManager is to use the event-driven API. Start here: Check the GrapesJS documentation for your specific modul...

#3143Nov 15, 2020by sprklinginfo2 answers
0 reactions

Hide toolbar for inner components

By default, when a component is selected, the toolbar is displayed with 'move, copy, delete' etc actions, it is set with ' showToolbar: 1' option. When I define a custom component which may have several inner components, I want to hide the toolbar for those inner components. I don't want to hide it globally in grapesj...

artf

When you define the component, you can customize the toolbar array

GJSBlock

Thanks for reporting this, @sprklinginfo. Thanks for sharing your report about Hide toolbar for inner components. To help the team investigate and prioritize this: Please provide: A minimal reproducible example (CodeSandbox/JSFiddle) Your...

Browse all topics