GrapesJS Issues

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

231 issues found

πŸ” general
#3340Mar 15, 2021by xinnai3 answers
1 reactions

Gjs-cv-tools in a wrong position when I put grapesjs in a splitpanes

Hi, Thank you for your work. I get a problem. I want to make a codepen-like view and want to make the grapesjs view to be dragable up and down. But when I drag it the tools go to the wrong position and also the hover highlight elements's position is wrong.I tried splitjs and other split open source code and always got...

Ju99ernaut

You can try running editor.refresh()

xinnai

@Ju99ernaut Thank you very much, you save my day!

GJSBlock

Thanks for reporting this, @xinnai. Great question about gjs-cv-tools in a wrong position when I put grapesjs in a splitpanes. The recommended approach with GrapesJS is to use the event-driven API. Start here: Check the GrapesJS documentat...

#3339Mar 14, 2021by Nigus3 answers
0 reactions

How to add different aspect ratios to mobile devices in the device manager.

We are working on a cms system that uses grapes js. We came up with a condition where we couldn't add aspect ratio in the "mediaCondition" by keeping the orientation. Our design editor has a portrait and landscape design modes with 16:9 ratio. But we would like to add more aspect ratios like, 18:9, 19:9 and 19.5:9, so...

artf

Sorry, can you illustrate better what do you need? What is the final CSS you'd expect from the editor

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

GJSBlock

Thanks for reporting this, @Nigus. Great question about Question: How to add different aspect ratios to mobile devices in the device manager.. The recommended approach with GrapesJS is to use the event-driven API. Start here: Check the Gra...

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

#3333Mar 11, 2021by xinnai4 answers
1 reactions

Npm start not working

Hi, I want to develop the source code but I cannot get started. I got errors when start the project. Can anybody help me? Thank you very much!!!

xinnai

@Andrew-Chen-Wang I think that must be something with my develop environment so I use another computer to install and move it to my computer , still don't know why but now it works fine. Hope no errors happen again, and thank you so much!!!

Andrew-Chen-Wang

For source code development, check out: https://github.com/artf/grapesjs#development

xinnai

@Andrew-Chen-Wang Yeah, I did that, but always get this error, what can I do?

#3327Mar 9, 2021by DMSlam1 answer
0 reactions

Is there a way to keep VML code in CSS to keep some of the styles away from Outlook?

Hi. When I try to generate a newsletter template out of an existing HTML code with some VML wrapping <style> tags, the existing styling classes are processed well although any mentioning of such VML is removed from the Editor. Can you please give a hint of a possible workaround? Is that even possible to have VML code...

GJSBlock

Thanks for reporting this, @DMSlam. Great question about Is there a way to keep VML code in CSS to keep some of the styles away from Outlook?. The recommended approach with StyleManager is to use the event-driven API. Start here: Check the...

#3323Mar 8, 2021by RaresVlaiduc3 answers
0 reactions

Increase the padding of layer item

Hi! I am trying to increase the value of the padding-left in the layer manager. I've found the file where this is happening but honestly I have no idea how I could modify that. I could do a small trick to achieve this but I am curios if I can do this by a config or something.

artf

No @RaresVlaiduc as you can see by yourself it's not configurable at the moment, but I'd be happy to accept a PR for such a case (eg. a new function option here which takes the level as the argument and returns the number for the padding)

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

GJSBlock

Thanks for reporting this, @RaresVlaiduc. Thanks for sharing your report about increase the padding of layer item. To help the team investigate and prioritize this: Please provide: A minimal reproducible example (CodeSandbox/JSFiddle) Your...

#3320Mar 7, 2021by alumpe1 answer
0 reactions

Typo for word "layer" in german language support

In the german locale file there is a typo in line 75 for the word "layer". Instead of layer: 'Evene' it should be layer: 'Ebene' someone must have accidently hit v instead of b on the keyboard when translating it. I am creating a pull request for it right now.

GJSBlock

Thanks for reporting this, @alumpe. Thanks for sharing your report about Typo for word "layer" in german language support. To help the team investigate and prioritize this: Please provide: A minimal reproducible example (CodeSandbox/JSFidd...

#3315Mar 5, 2021by devtechk4 answers
3 reactions

Mm or cm Units are converted to px

I realized that mm or cm units are converted to px. How can i solve this problem? Thank you

Ju99ernaut

Did you add mm, cm etc, as units to the style manager inputs, these are not built in

Ju99ernaut

As stated above it's what the browser engine does, usually this is the fix, but I've never used it with units that aren't built in:

Andrew-Chen-Wang

I think that's just what the browser engine does in general. I'm no expert, but I think that output is just the final info interpreted by the engine.

#3312Mar 5, 2021by Andrew-Chen-Wang3 answers
0 reactions

Make side panel's width to 20%

What are you trying to add to GrapesJS? The side panel looks scrunched. Unless you've got a big desktop, I'd rather not have images from the blocks panel go off to the side. Additionally, the icons at the top e.g. "getting a new block" icon is just obscured unless you've got a decently large screen. Describe your feat...

Ju99ernaut

The idea is to maximize the area covered by the canvas, but you can easily change panel sizes with custom css.

Andrew-Chen-Wang

For sure, I just don't think the demo should look all scrunched up like that :P I suppose it's personal opinion then.

GJSBlock

Thanks for reporting this, @Andrew-Chen-Wang. Great suggestion about FEAT: Make side panel's width to 20%! While this specific feature isn't yet in the core API, there are several ways to achieve similar behavior. Using the event system: A...

#3309Mar 4, 2021by jcamejo4 answers
0 reactions

TextNodes interfere when changing content on element

Version: 0.16.44 Hi @artf I have a custom block with a custom button component, which its content is similar to this one. <a data-gjs-type="custom_button" class="btn btn-1" href="">Click here</a> Additionally, I've added a text trait to change the button content, in this particular case I do not want to use the editor...

artf

Hi Juan, thanks for the report, are you able to show me how your text trait works? I'd expect it to work correctly if you update your component in this way component.components(e.target.value)

jcamejo

This was my trait I have changed it to And now it works without overriding update content or render children, thanks! I would have never arrived to the conclusion of using the components method. Now i don't like text nodes πŸ˜… I think we ca...

artf

I don't think you need this one target.set('content', value);. For the rest all good πŸ‘

Browse all topics