GrapesJS Issues

Search parsed GitHub issues, see highlighted answers, and open the original discussion when needed.

3464 issues found

#454October 26, 2017by Geczy3 answers
3 reactions

Make block manager default open panel?

I tried this code: It works but doing this will hide the device selector in the top left for some reason.

artf

try just with but put it after the render (if you're using autorender: false)

Geczy

Ah, setting it after render works great. Thanks

lock[bot]

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.

#453October 26, 2017by deffrin3 answers
0 reactions

Previously saved css rules not showing in Style Manager

Previously saved css rules using remote method are not showing in Style Manager. remote json response {"gjs-assets":"","gjs-css":"*{box-sizing: border-box;}body{margin:0;}#c743{background-color:#b0aeae;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;}#c743{background-color:rgb(76, 70, 70);}body...

artf

Post the grapesjs config and its version

deffrin

Version : 0.12.17

artf

To try with the latest version

#452October 26, 2017by thecodefish3 answers
0 reactions

Custom Resizer issue (or maybe how I'm saving/loading components)

I'm trying to build a custom resizer for one of my components. It's a grid/column layout based on Flexbox and I want users to be able to resize one column (to a fixed width) and have the other columns fill up the remaining space. I already have a custom component for my column, so I added resizer configuration to it,...

artf

Yeah, you're right. This happens just because functions are not serializable, therefore when grapesjs calls JSON.stringify(Component) are simply ripped off. The solution for your case is to override toJSON method in the custom Component

thecodefish

Thanks @artf that did the trick.

sakshigarg9

@thecodefish How do you change initial state of the Resizer properties? Where does this config go if I'm using the grapesjs-preset-webpage, simply under grapesjs.init{...}? I want to fix a minimum dimension for an image component specifica...

#451October 26, 2017by alexlyul2 answers
0 reactions

Image uploader

Hi. Thank you for so good tool. Have some questions: How should I configure this http://prntscr.com/h214o4 Uploader tool to save images in storage and on the server? Is there any examples/manuals of how it should work? Which answers my server should send? Thank you very much.

artf

Sure, you can find more about it here https://github.com/artf/grapesjs/wiki/Assets#uploading-assets

lock[bot]

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.

#450October 25, 2017by desprit2 answers
1 reactions

Flex support

In the demo I see "flex" tab which gives us all flex styles. But there is no such tab in current "0.12.17" version. Is it a custom build? p.s. there are many other small differences between demo and available versions. Demo theme looks really amazing.

artf

Hi @desprit the demo extends the core grapesjs library with its own preset (styles and plugins). Probably soon I'll create its own repo By the way, here you find the flex configuration: https://github.com/artf/grapesjs/blob/gh-pages/demo.h...

lock[bot]

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.

#449October 25, 2017by alissonphp2 answers
0 reactions

Can i load editor content dynamically?

I have a API rest that receives and supplies the contents of the editor items. The entire store created by the editor is saved: assets, components, css, ... Each item is accessible via route (eg editor / page / 4), when loading the route API returns to the content of the item, however when calling the action editor.st...

artf

If for content you mean html/css, probably you're looking for editor.setComponents('<div>...')

lock[bot]

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.

#448October 24, 2017by ateshuseyin3 answers
1 reactions

How to remove SelectorManager

I don't want SelectorManager in my project.

ateshuseyin

@thecodefish It works. Thanks. @artf This issue can be closed.

artf

What do you mean? SelectorManager is necessary to keep the collection of classes, it's a part of the core, you can't remove it

ateshuseyin

At the top of style manager UI, there is Classes section. I want to remove it from UI.

#447October 24, 2017by ateshuseyin2 answers
1 reactions

Multilanguage support: There is some static texts

Hi @artf, As you describe before in #26, multi language support is possible using configuration. But there is some static texts in the project. For example https://github.com/artf/grapesjs/blob/88c262be2409734b276d2c22b1f7080ea8359ba1/src/trait_manager/model/TraitFactory.js#L30

artf

👍 I'll update for the next release

lock[bot]

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.

#446October 24, 2017by fzs19943 answers
11 reactions

Collapsed Category in Blocks when Grapes Editor is loaded

Hello, I want all the categories listed in Blocks, must be initially in collapsed condition when the Grapes JS Editor is loaded. How can I do that? Also, if any one category is clicked, all others gets closed just like accordion. Is this possible? Thanks!

artf

Try with this

fzs1994

Wow man, Thanks a lot! Sneak Peak: :heart_eyes:

faizansaiyed

Give your custom class and set styles with the background image Eg Code: In bm.add block and in CSS

#445October 24, 2017by suchithmahadi3 answers
0 reactions

calling a function which is outside the component same as explained in issue #395

I am calling a function which is outside the component same as explained in issue #395 but it is returning a string instead of a function I want to call defaults.drawGauge function in script and pass the id that is created dynamically I am stuck please help me out grapesjs.plugins.add('liquid-gauge-plugin', function(e...

artf

If you want a function attached inside the string you have to pass a string

suchithmahadi

Sorry @artf i didn't understood what exactly you are saying, can you please elaborate? Here i want to call the function ("drawGauge" which is in 3rd line) in domComponents script function. Please explain related to the problem given above....

artf

Inside your script property, {[ d ]} will be replaced with a d property of the componet and it can't be a function, so if your final result should be like this: you have to set a string for d