GrapesJS Issues

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

183 issues found

πŸ” documentation
#3382Apr 2, 2021by Squirrel14892 answers
1 reactions

Not able to add more than 2 projects under free version

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

Ju99ernaut

grapesjs and grapedrop are separate projects, you should try raising your issue here https://spectrum.chat/grapedrop

GJSBlock

Thanks for reporting this, @Squirrel1489. The issue with Not able to add more than 2 projects under free version appears to be a race condition or state management timing problem. This typically happens when component lifecycle events and...

#3369Mar 28, 2021by jcsofts3 answers
0 reactions

Is it possible add a relative offset for the colorpicker

for example: I add a left bar and top bar outside the editor. I know the colorpicker's position is relative the body, so is it possible add a relateoffset to the config. so I can add a -40 to mek the colorpicker to right position?

artf

You should be able to define color picker options in this way here you can check all the available options

skru

Is it possible to access the colorPicker after .init()? I'd like to dynamically update the pallete

GJSBlock

Thanks for reporting this, @jcsofts. Great question about FEAT: is it possible add a relative offset for the colorpicker. The recommended approach with GrapesJS is to use the event-driven API. Start here: Check the GrapesJS documentation f...

#3364Mar 25, 2021by NagarRahul3 answers
0 reactions

@How to fix container size when we are drag element inside the container,Container will be expended according to the child dragged element. How we can auto size child element according to the parent container. Container should not be expend according to the child element. It's should be show scroll.

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

NagarRahul

@artf when I drag button it is expend. I want to fix it. It's should not expend when drag new button. It will shoe scroll after overflow.

artf

it just depends on the styling of the component (eg. using display inline-block for that button might fix the that)

GJSBlock

Thanks for reporting this, @NagarRahul. Great suggestion about FEAT: @How to fix container size when we are drag element inside the container,Container will be expended according to the child dragged element. How we can auto size child ele...

#3363Mar 24, 2021by nairdapuiu2 answers
1 reactions

Set content function empties the component content

I am trying to use the set function to change the content of a component, but actually the result is an empty component with nothing inside. This is an example with the code summarized Version used: 0.16.44 What is the expected behavior? The code executed should result in a component with text "foo" inside. What is th...

artf

you shouldn't use the content property, use selectedComponent.components(str)

GJSBlock

Thanks for reporting this, @nairdapuiu. Great question about Set content function empties the component content. The recommended approach with Components is to use the event-driven API. Start here: Check the GrapesJS documentation for your...

#3355Mar 22, 2021by Franci5co5aoco3 answers
0 reactions

Add a title attribute to the Layers panel elements

Hi @artf , When I have several elements nested in the Layers panel then some elements names are truncated because the Layer panel's width is not big enough, I know that custom resizable panel can be a solution but adding a title attribute would be enough for the majority of the use cases. A tooltip (title) would be he...

artf

Yeah, why not... would you like to create a PR? :)

Franci5co5aoco

@artf of course, thanks! I'm going to create the PR...

GJSBlock

Thanks for reporting this, @Franci5co5aoco. Great question about FEAT: Add a title attribute to the Layers panel elements. The recommended approach with GrapesJS is to use the event-driven API. Start here: Check the GrapesJS documentation...

#3353Mar 19, 2021by jcsofts2 answers
0 reactions

The colorpicker scroll off the input box

thanks for your work, this is a good project, this may be is not a bug I trying to make the colorpicker in style manager scroll with the input box. for example: the (color,background) input boxopen the colorpickerscroll the style manager the input box moved, but the colorpicker stay at the old position I try this on t...

artf

The color picker is placed absolutely. Unless you'll find a way to update it on the scroll of the style manager, I don't see alternatives.

GJSBlock

Thanks for reporting this, @jcsofts. Great question about The colorpicker scroll off the input box. The recommended approach with StyleManager is to use the event-driven API. Start here: Check the GrapesJS documentation for your specific m...

#3347Mar 18, 2021by xinnai4 answers
0 reactions

How can I get Uncompressed JS code for me to edit?

Hi, thank you for reviewing my problem. I want to use my own JSEditor to edit html、css and js. 1、First, I use getHtml, getCss, getJs to display the code in my JSEditor. And I found that the JS code is compressed. How can I get an Uncompressed code? I use editor.CodeManager.getCode(model, 'js') and it's also a compress...

artf

The script used by components with JS relies on the same code from your source. For example, if you create a plugin and then build it with webpack/babel, then the component will print the result from build. I guess you could create separat...

xinnai

@artf Hi, I'm not sure if you understand my question. I want to edit the js code in my own js editor, first I set the js code from your editor using getJs(), but it looks like this in your demo.html: These code are all compressed. I want a...

artf

autoBeautify is an option passed to CodeMirror but in any case, it might beautify the code but it won't uncompress it as the code itself is stored like that in the component

#3345Mar 17, 2021by joshk1324 answers
0 reactions

Panels and Buttons section of getting started not working with Vue.js

I am working to get grapejs to work with Vue.js and am having no luck, I am following the getting started however I am unable to get it to work properly. So far I have added it to the mounted() section and have gotten some buttons with blocks to show up and add in however I have had no luck getting the Panels and Butt...

uchoaaa

Take a look at this issue, maybe helps: https://github.com/artf/grapesjs/issues/275

artf

Hi @joshk132 honestly the code looks good, are you able to create a reproducible demo (on something like Codesandbox)?

joshk132

@artf I've gotten it working where the panels show up however it now doesn't display right. The solution I had to do was change to use the below code. Pretty much I had to have "editor" as a variable which I had removed in my initial code...

#3336Mar 12, 2021by fahad1572 answers
0 reactions

Single click text edit

There are lots of click required to make text editable, can we make text field editable on a single Click. I know, Single click can get annoying when dragging around blocks and that's pretty standard already, but in my scenario, i want edit on just single click, if it is possible then plz guide.

artf

https://github.com/artf/grapesjs/issues/3146#issuecomment-733687439

GJSBlock

Thanks for reporting this, @fahad157. Thanks for sharing your report about Single click text edit. To help the team investigate and prioritize this: Please provide: A minimal reproducible example (CodeSandbox/JSFiddle) Your GrapesJS versio...

#3334Mar 11, 2021by KernelDeimos2 answers
0 reactions

Attempts to load scripts to canvas maybe breaks javascript??

Version: 0.16.44 Are you able to reproduce the bug from the demo? [ ] Yes [x] No What is the expected behavior? Legit anything else Describe the bug detailed I was attempting to load scripts into the canvas. My first attempt was scripts: [] and then I ran into the synchronization issue mentioned in this PR's thread: h...

KernelDeimos

I haven't used inline <script> tags in a while and forgot about this caveat of the HTML parser. Closing this.

GJSBlock

Thanks for reporting this, @KernelDeimos. The issue with Attempts to load scripts to canvas maybe breaks javascript?? appears to be a race condition or state management timing problem. This typically happens when component lifecycle events...

Browse all topics