GrapesJS Issues

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

231 issues found

πŸ” general
#3205Dec 22, 2020by OleksandrNeroda4 answers
0 reactions

With buttons

https://grapesjs.com/demo.html when i edit the button text to 'test' after reload the result:

OleksandrNeroda

@artf maybe you can help with this?

fzerman

This demo saves your changes to your local storage of the browser. If you didn't save, it is normal. Try to save or run editor.store() in console.

OleksandrNeroda

@Swindler36 in my project i do not use the local storage only everything is saved to the database, but the problem the same. I don't think that is a local storage problem.

#3203Dec 21, 2020by MariusDK4 answers
0 reactions

Custom block category question

Hi, I want add attributes to the category of blocks but the don’t apply.

MariusDK

@artf any advice on this?

artf

Please, elaborate better on what you're trying to achieve.

MariusDK

I want to add an html attribute on the category of blocks like Basic Category . something like this

#3199Dec 19, 2020by mohd74692 answers
0 reactions

Block render function not trigger

@artf - In the documentation, it says that If we need to customize the aspect of each block preview we can pass a render callback function in the block. But here is the actual thing Basically, I wrapped this render callback in a function named func() and calling it on some ajax request If I call this on page load it w...

artf

The block manager doesn't see the change if you do this block.attributes.render = .... You have to update the property explicitly in this way: And be careful, the render function SHOULD return the HTML string or the DOM node, NOT a Promise...

GJSBlock

Thanks for reporting this, @mohd7469. Thanks for sharing your report about block render function not trigger. To help the team investigate and prioritize this: Please provide: A minimal reproducible example (CodeSandbox/JSFiddle) Your Grap...

#3198Dec 19, 2020by mprince2k182 answers
0 reactions

Can not get inline css code. how to use this?

When I runCommand for inline CSS, It's giving me a warning and undefined.

artf

There is no built-in command to get inlined CSS, but you can find how it was implemented in the newsletter plugin here: https://github.com/artf/grapesjs-preset-newsletter/blob/master/src/openExportCommand.js The core functionality is a few...

GJSBlock

Thanks for reporting this, @mprince2k18. Great question about Can not get inline css code. how to use this?. The recommended approach with StyleManager is to use the event-driven API. Start here: Check the GrapesJS documentation for your s...

#3195Dec 19, 2020by henry9304 answers
0 reactions

Cannot load javascript under grapesjs

Can javascript under the grapesjs panel load?

fzerman

Hi @henry930, I fixed this problem by developing an reloader. If you want to update your config, Your editor will reload. Your html, css... will remain.

artf

https://grapesjs.com/docs/modules/Components-js.html

Aze1337

i dont understand how in 4 years it still does not supports importing single html file that renders with javascript ? most styling are very off

#3191Dec 18, 2020by echobinod2 answers
1 reactions

How to identify which block is dragged into canvas ?

I want to add the small if condition like: if (block1 is dragged) { //show modal }

artf

You can use the block:drag:stop event

GJSBlock

Thanks for reporting this, @echobinod. Great question about How to identify which block is dragged into canvas ?. The recommended approach with GrapesJS is to use the event-driven API. Start here: Check the GrapesJS documentation for your...

#3190Dec 18, 2020by mshafiq2352 answers
0 reactions

Src automatically added to video tag

Hi @artf, Thanks for building and maintaining this wonderful package. Issue I am using Nicepages to build template and upload it to my webapp. I have integrated with Grapesjs, which allows admins to edit the templates easily. The issue that I am facing is Nicepages adds video tag as follows When this template is opene...

artf

The default video component in GrapesJS is handled differently (without source). In your case, I'd suggest extending the default one and add the support for sources.

GJSBlock

Thanks for reporting this, @mshafiq235. Great suggestion about src automatically added to video tag! While this specific feature isn't yet in the core API, there are several ways to achieve similar behavior. Using the event system: Alterna...

#3189Dec 16, 2020by marcepoblet2 answers
3 reactions

ChangesCount is incremented, without changes applied

double-click.pptx Is it possible that the "changesCount" parameter is not incremented when you only double click on a component? The parameter "changesCount" is incremented when you double click and no changes are made. I have attached a video in the pptx file, showing this behavior. This is reproducible in any browse...

artf

Should be fixed in the next release

GJSBlock

Thanks for reporting this, @marcepoblet. Great question about changesCount is incremented, without changes applied. The recommended approach with Components is to use the event-driven API. Start here: Check the GrapesJS documentation for y...

#3184Dec 11, 2020by sathyanarayananaCES4 answers
1 reactions

Click issue on integrating grapesjs-style-bg plugin to the web builder

I am using GrapesJS version (0.16.27) and have integrated grapesjs-style-bg plugin to the editor. The functionality works perfectly fine. But on clicking the tabs on the background property, click issue arises. Immediately it toggles the tab. Especially it occurs when we select Gradient option, I have integrated the p...

artf

Thanks for the video of the issue, but it doesn't help in any way to solve it. If you're not able to create a reproducible demo, I can't help.

sathyanarayananaCES

Thank you @artf for taking a look at the video, will try to create a reproducible demo and attach it here.

no-response[bot]

This issue has been automatically closed because there has been no response to our request for more information from the original author. With only the information that is currently in the issue, we don't have enough information to take ac...

#3183Dec 11, 2020by fzerman2 answers
0 reactions

How to create new custom manager?

Hi @artf, I am using and developing grapesjs for my project. I want to add new manager such that PackageManager. However, I couldn't find which object includes other managers. How can I add my custom manager to grapesjs?

fzerman

During this time, I tried to add my custom manager to grapesjs on npm. and However, I failed. This is my test code: When I build, I am taking a blank page. Please rescue me from this black hole. Thanks.

GJSBlock

Thanks for reporting this, @fzerman. Great question about QUESTION : How to create new custom manager?. The recommended approach with GrapesJS is to use the event-driven API. Start here: Check the GrapesJS documentation for your specific m...

Browse all topics