GrapesJS Issues

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

3,464 issues found

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

#3159Nov 26, 2020by sathyanarayananaCES2 answers
1 reactions

Is there any way to get the parser errors other than from console log

I am using the latest GrapesJS (v0.16.27). As per the fix for the issue, (#2029) the exception has been caught and logged into the console. Is there any way where we can get to know about the errors other than from console log? Something similar to asset:upload:error, if we have parse:error, it would be helpful to han...

artf

Usually, the error doesn't come from the parser but from the creation of the DOM (eg. the editor creates the element by using setAttribute). You can catch the editor's errors by listening to the log event Here, for example, you can put you...

GJSBlock

Thanks for reporting this, @sathyanarayananaCES. The issue with [Question] Is there any way to get the parser errors other than from console log appears to be a race condition or state management timing problem. This typically happens when...

#3157Nov 25, 2020by pranay22102 answers
0 reactions

I want to apply script to rte element which is select html element, on selectin…

I want to apply script to rte element which is select html element, on selecting the value for from one select field the dynamic values should get appended to other select field but the script is not working in rte rte.add('custom-childkey', { icon: htmlForChild, // Bind the 'result' on 'change' listener event: 'chang...

artf

Maybe because it's stringify and not stringfy...

GJSBlock

Thanks for reporting this, @pranay2210. Great suggestion about *! 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: Listen to selector...

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

#3153Nov 23, 2020by excitedbox2 answers
0 reactions

Adding Dynamic Data Blocks

I am considering doing this one myself and as this has been requested so often I wanted to ask if this is already being worked on and if not maybe people would like to give some input. The way I picture it working is kind of like a form with a container block where you define the data source, method (post/get) for get...

artf

This kind of things could be done via plugins but I can't reply to your questions, are totally off-topic and it's up to your knowledge find the right answer (maybe try to ask on StackOverflow)

GJSBlock

Thanks for reporting this, @excitedbox. Security and dependency issues are important. The GrapesJS team actively works on keeping dependencies up-to-date. For you right now: Run npm audit fix to see available patches Check for a newer Grap...

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

#3151Nov 23, 2020by theSC0RP2 answers
2 reactions

Position of selector manager.

Hi, @artf. I was going through the getting started guide and the selector manager is placed below the style manager. How do I position the selector manager above the styles manager?

artf

As you can see from the example Both of them append the element inside the same container. You can simply create different containers

GJSBlock

Thanks for reporting this, @theSC0RP. Great question about Position of selector manager.. The recommended approach with ProseMirror is to use the event-driven API. Start here: Check the GrapesJS documentation for your specific module Look...

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

Browse all topics