GrapesJS Issues

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

466 issues found

πŸ” components
#3727Aug 26, 2021by SintoDema4 answers
1 reactions

Issue on Style Import

Hi @artf, Describe the bug detailed While creating a new template using GrapesJS, I came across a scenario that, when we try to import CSS from the import modal it does not get reflected in the editor. On a blank editor, I have created a template with HTML & CSS adding to it.After that, I need to do some changes in th...

artf

Hi @javadsamiee the issue was fixed on the latest version of the preset plugin

artf

Hi @SintoDema the issue is here https://github.com/artf/grapesjs-preset-webpage/blob/3e5a9e12998c9a32b6f1199953084163678e6c17/src/commands/openImport.js#L15-L18 As you see, it updates components but doesn't clear the styles module. I don't...

javadsamiee

Hi @SintoDema the issue is here https://github.com/artf/grapesjs-preset-webpage/blob/3e5a9e12998c9a32b6f1199953084163678e6c17/src/commands/openImport.js#L15-L18As you see, it updates components but doesn't clear the styles module. I don't...

#3717Aug 21, 2021by Vikash-ra2 answers
0 reactions

Template does not load using just components

I am trying to load an existing template. I believe that it should work with either components or HTML but it seems to work only through HTML. The following code does not work but code with the corresponding HTML does. The LandingPage Json was taken from the dev toolbar panel

artf

@Vikash-ra please follow the issue template when you create one.

GJSBlock

Thanks for reporting this, @Vikash-ra. Thanks for sharing your report about Template does not load using just components. To help the team investigate and prioritize this: Please provide: A minimal reproducible example (CodeSandbox/JSFiddl...

#3714Aug 18, 2021by ltenti2 answers
0 reactions

Partial parse

Discussed in https://github.com/artf/grapesjs/discussions/3711 <div type='discussions-op-text'> <sup>Originally posted by ltenti August 17, 2021</sup> Hi everyone, I'm wondering how to address this kind of scenario:I have to allow the users of my application to edit a webpagethe webpage has some fixed part that the us...

artf

https://github.com/artf/grapesjs/discussions/3711#discussioncomment-1234837

GJSBlock

Thanks for reporting this, @ltenti. Great suggestion about Partial parse! 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...

#3713Aug 18, 2021by shkhalid3 answers
1 reactions

Stored components with script can not be rendered properly

I am facing some problem when try to save some components which includes some scripts and reload the page the components are not rendered properly. It's showing empty boxes. Example: When i try to save a chart component from jvas28/grapesjs-echarts and reload the page i am getting this <img width="1438" alt="Screen Sh...

shkhalid

Thanks @artf! Finally i was able to figure it out The problems was in tagVarStart and tagVarEnd. After commenting it out it starts working

artf

Hey @shkhalid thanks for the report, but on this repository, you should open reproducible issues without external plugins as it might be an issue with the plugin itself. At least for what I can tell about the core, I see no issues in Compo...

GJSBlock

Thanks for reporting this, @shkhalid. Great question about Stored components with script can not be rendered properly. The recommended approach with Components is to use the event-driven API. Start here: Check the GrapesJS documentation fo...

#3707Aug 16, 2021by denisoed1 answer
0 reactions

Is it possible to set up the rendering of Vue components?

GrapesJs is the best page builder! :heart: Sorry, i am new to GrapesJs. Can I add support for vue components?

GJSBlock

Thanks for reporting this, @denisoed. Great suggestion about is it possible to set up the rendering of Vue components?! While this specific feature isn't yet in the core API, there are several ways to achieve similar behavior. Using the ev...

#3706Aug 15, 2021by momu-20161 answer
0 reactions

Css in block can not be removed when block has been removed

grapesjs version v0.16.45, i try to use the countdown plugin (https://github.com/artf/grapesjs-component-countdown),Everything is running well, when I delete the entire component via toolbar,the html and components are removed,but style and css still in localstorage. What puzzles me is that the entire component is del...

GJSBlock

Thanks for reporting this, @momu-2016. Thanks for sharing your report about css in block can not be removed when block has been removed. To help the team investigate and prioritize this: Please provide: A minimal reproducible example (Code...

#3703Aug 13, 2021by anatoli-dp2 answers
0 reactions

Custom ids have a \3 injected into the css and a space after the following letter after the \3 when added to 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...

anatoli-dp

please note this issue is bad . . . now that i see it i feel stupid . . . ids cant start with a number and i didnt take that into account when making this

GJSBlock

Thanks for reporting this, @anatoli-dp. The issue with custom ids have a \3 injected into the css and a space after the following letter after the \3 when added to the canvas appears to be a race condition or state management timing proble...

#3700Aug 12, 2021by anatoli-dp3 answers
3 reactions

Setting draggable: 'wrapper' does not drop in wrapper

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

The string here is supposed to be a query string so it tries to query a wrapper tag, which obviously doesn't exist. The editor attaches data-gjs-type attribute to all components in the frame, so the query you can use is draggable: '[data-g...

anatoli-dp

ah that makes a lot more sense now . . . thanks, that solved the issue

GJSBlock

Thanks for reporting this, @anatoli-dp. The issue with setting draggable: 'wrapper' does not drop in wrapper appears to be a race condition or state management timing problem. This typically happens when component lifecycle events and DOM...

#3699Aug 12, 2021by diegoSenra4 answers
0 reactions

Cell hovering randomly displaces from actual cell

Hi! I'm using grapesJs for e-mail editing in a project in my company, with Newsletter plugin. Everithing works very well, except for this bug i can't solve: Sometimes, when I drag blocks inside the canvas, the cell hover gets scrambled. The biggest problem is that this behavior is completely random, it can happen or n...

artf

Are you using the latest version?

diegoSenra

Using minified 0.10.7

artf

Sorry mate, it's a 4-year-old release, can't help you here. Did you try to update?

#3694Aug 11, 2021by codingmachine161 answer
0 reactions

Dynamic Changes vanish when load from DB

@artf Here is my code , I am adding test in a div on select change init() { this.listenTo(this, "change:noOfLinks", this.getInfoLinks); }, getInfoLinks() { let canvasDoc = editor.Canvas.getDocument(); canvasDoc.getElementById("infoLinks").innerHTML = " test text "; editor.trigger("change:selectedComponent"); editor.Tr...

GJSBlock

Thanks for reporting this, @codingmachine16. Great question about Question: Dynamic Changes vanish when load from DB. The recommended approach with Canvas is to use the event-driven API. Start here: Check the GrapesJS documentation for you...

Browse all topics