PageKit β€” the self-hosted GrapesJS site builder, sold as source. Get early access

GrapesJS Issues

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

231 issues found

πŸ” general
#3510Jun 2, 2021by iabhiyaan2 answers
0 reactions
questiontypescriptgeneral

Re render traits after certain events (e.g click)

How to re render traits after clicking on buttons ? Note : Re-rendering should not be dom modification. I have created a function that would render trait by calling the render() inside createInput() Is there any way to re-render the traits with the newer and updated dom string which was first created on createInput() ?

artf

createInput is called once, if you want to update the UI of your trait, rely on onUpdate which is called every time the selection is changed. ps. please avoid using Issues for questions, check the Discussions tab

GJSBlock

Thanks for reporting this, @iabhiyaan. Great question about Re render traits after certain events (e.g click). The recommended approach with GrapesJS is to use the event-driven API. Start here: Check the GrapesJS documentation for your spe...

View details
#3507Jun 1, 2021by cedriclajato2 answers
0 reactions
componentstypescriptgeneral

No Generated ID and No auto select ID

Hi Guys, I am using grapesjs-blocks-bootstrap4 and I check how they component it's looks fine. But when you select block like container it targets the class instead of Unique ID. I was able to setup random ID using this model.set('attributes', { id: randomID() }); but still when you select the block it targets the cla...

artf

https://github.com/artf/grapesjs/issues/2936#issuecomment-680322089

GJSBlock

Thanks for reporting this, @cedriclajato. Thanks for sharing your report about No Generated ID and No auto select ID. To help the team investigate and prioritize this: Please provide: A minimal reproducible example (CodeSandbox/JSFiddle) Y...

View details
#3506May 31, 2021by iabhiyaan3 answers
5 reactions
questiongeneral

Add click event on blocks

Or Is there any way to listen for click event in block ?

artf

Well you can actually make use of custom render from blocks to apply custom DOM events.

YyueeiWY

<pre> editor.on('component:selected', (some, argument) => { console.log(some, argument); }) </pre> https://grapesjs.com/docs/api/editor.html#available-events

GJSBlock

Thanks for reporting this, @iabhiyaan. Great question about FEAT: add click event on blocks. The recommended approach with GrapesJS is to use the event-driven API. Start here: Check the GrapesJS documentation for your specific module Look...

View details
#3504May 31, 2021by snowballrandom2 answers
0 reactions
questiontypescriptgeneral

I noticed that an earlier version of font awesome version 4.7 is being used.

I noticed that an earlier version of font awesome version 4.7 is being used. I use version 5.2 of fontawesome and it seems to cause issues when loaded alongside the version used with Grapes JS some of the fonts are not loading or class names have changed in the new fontawesome character set. How can I use the newer ve...

artf

You can change this option on init: https://github.com/artf/grapesjs/blob/88249c38577852dc3c42047356a70a12066ee6ca/src/editor/config/config.js#L165-L168

GJSBlock

Thanks for reporting this, @snowballrandom. Great question about *. The recommended approach with GrapesJS is to use the event-driven API. Start here: Check the GrapesJS documentation for your specific module Look for the on() event listen...

View details
#3500May 28, 2021by vijayshukla302 answers
0 reactions
componentstypescriptgeneral

Remove custom trait by its type.

I have created a custom trait but the name of that trait will be dynamic which is unknown. The problem is that the current removeTrait() only works with name/id. But what if I want to remove all traits from the component with custom-trait. Ex: I create a trait 'my-custom-trait' and bind it to the component. component....

artf

You can use of the ID

GJSBlock

Thanks for reporting this, @vijayshukla30. Thanks for sharing your report about Remove custom trait by its type.. To help the team investigate and prioritize this: Please provide: A minimal reproducible example (CodeSandbox/JSFiddle) Your...

View details
#3497May 28, 2021by mosh-tudor2 answers
1 reactions
bugtypescriptgeneral

Button trait command doesn't work

Version: LatestDescribe the bug detailed https://jsfiddle.net/cleaver/wgz2jsvq/2/ Nothing happens on: --- On version 0.16.45 the same code worked fine: https://jsfiddle.net/cleaver/kenvpt50/1/

artf

Thanks for the report @tudor-ooo will be fixed in the next release

GJSBlock

Thanks for reporting this, @mosh-tudor. The issue with Button trait command doesn't work appears to be a race condition or state management timing problem. This typically happens when component lifecycle events and DOM modifications overla...

View details
#3492May 27, 2021by iabhiyaan2 answers
0 reactions
componentsquestiongeneral

InsertAdjacentHTML('afterend', '<section></section>') . Is there any api like this in grapesjs ?

Is there any way to add new section after the selected component using grapesjs ?

artf

You can do it in this way:

GJSBlock

Thanks for reporting this, @iabhiyaan. Great question about FEAT: insertAdjacentHTML('afterend', '<section></section>') . Is there any api like this in grapesjs ?. The recommended approach with Components is to use the event-driven API. St...

View details
#3489May 27, 2021by samichamoun1 answer
0 reactions
questiontypescriptgeneral

Large images push out column width in editor view

Just as a preface, the issue I'm describing does not affect the output of content generated by the editor, it is just when looking at the content within the editor. Let's say I create two columns on the editor. Both are 50% width each. If I drag a large image into one of these cells, it pushes the width of the cell ou...

GJSBlock

Thanks for reporting this, @samichamoun. Great question about Large images push out column width in editor view. The recommended approach with GrapesJS is to use the event-driven API. Start here: Check the GrapesJS documentation for your s...

View details
#3481May 25, 2021by zgeist4 answers
4 reactions
securitydependenciesgeneral

Update underscore lib to 1.13.*

Current version have security issue Might be update to newest version

igorstasiuk

yeah +1, need to be updated to latest underscore version

artf

Hi guys, I'm closing this as a duplicate of #3443

kirill-malyhin

Also need that fix after pen test!

View details
#3479May 25, 2021by palash-zinfi1 answer
0 reactions
general

Test post

test post

GJSBlock

Thanks for reporting this, @palash-zinfi. Thanks for sharing your report about test post. To help the team investigate and prioritize this: Please provide: A minimal reproducible example (CodeSandbox/JSFiddle) Your GrapesJS version number...

View details

Browse all topics