GrapesJS Issues

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

545 issues found

πŸ” typescript
#3389Apr 6, 2021by xinnai4 answers
0 reactions

MultiSelect some elements and change styles only work on the last selected element

Hi, when I MultiSelect some elements using shift, and change style in styleManager. Only the last clicked element will update the style. Can you help how to fix that problem? https://user-images.githubusercontent.com/23135336/113699004-9d075200-9707-11eb-893c-9b3734e2d0b3.mov

Ju99ernaut

Not sure if there's an option for that, probably multiple component editing isn't implemented for the style manager. You could use classes as an alternative solution.

artf

It actually works in the demo, are you able to create a reproducible demo?

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

#3388Apr 5, 2021by ahmedderkaoui2 answers
1 reactions

Adding indication as a Trait without any input.

I want to add an indication for a trait. For my component, I have the traits: and for the type 'dateformat-indication', I created the type: However, I get an input within this type that I created even if it wasn't on its template: Is there a way to disable default input of the trait?

ahmedderkaoui

Using the method below works fine:

GJSBlock

Thanks for reporting this, @ahmedderkaoui. Great question about FEAT: adding indication as a Trait without any input.. The recommended approach with Components is to use the event-driven API. Start here: Check the GrapesJS documentation fo...

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

#3378Apr 1, 2021by dluague2 answers
0 reactions

Null text after saving.

Version: 0.16.45 Are you able to reproduce the bug from the demo?[ ] Yes[x] No What is the expected behavior? There shouldn't have null text. What is the current behavior? After saving the data to the database and retrieving it (see attached components object) the null will appear. This is how I assign the components...

artf

Seems to be an issue on your side as I can't reproduce it (maybe you're doing something wrong on your back-end?!). Try to create a reproducible demo first (by using the localStorage)

GJSBlock

Thanks for reporting this, @dluague. The issue with null text after saving. appears to be a race condition or state management timing problem. This typically happens when component lifecycle events and DOM modifications overlap, creating a...

#3377Apr 1, 2021by assadnazar3 answers
1 reactions

StyleManager options repeating 2 times

Version: 0.16.45 If i add grapejs-preset-js, then stylemanager repeats each option 2 times. Here is the jsfiddle link where you can check the same behaviour. https://jsfiddle.net/assadnazar/2asojqrc/1/ Maybe it's not merging the options

Ju99ernaut

Use:

assadnazar

bump!

GJSBlock

Thanks for reporting this, @assadnazar. Thanks for sharing your report about StyleManager options repeating 2 times. To help the team investigate and prioritize this: Please provide: A minimal reproducible example (CodeSandbox/JSFiddle) Yo...

#3375Mar 31, 2021by christosapos2 answers
0 reactions

Cannot add spaces to extended button component based on text component.

Hello guys, First of all i would like to express my gratitudes for this amazing tool. I have extended button component based on text component so as to can edit the content of button manually without using traits. The code for the extended button component is this: var comps = editor.DomComponents; var defaultType4 =...

artf

Seems like space triggers the click event in Chrome. The solution seems to be to add the preventDefault on keypress https://stackoverflow.com/questions/22104860/chrome-firing-onclick-when-space-typed-in-contenteditable-button ps. avoid ext...

GJSBlock

Thanks for reporting this, @christosapos. Great question about Cannot add spaces to extended button component based on text component.. The recommended approach with Components is to use the event-driven API. Start here: Check the GrapesJS...

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

#3367Mar 26, 2021by kerryj894 answers
1 reactions

Modal template

Is there a way for me to modify the template from a compiled state? https://github.com/artf/grapesjs/blob/d3256e621bb43a537213ffcd86b10dc0bd070c0b/src/modal_dialog/view/ModalView.js#L1-L16 If not, what would be the cleanest way to insert title and content into a modal skeleton from our CMS for a tighter look and feel?...

artf

Now it's possible to replace the modal https://grapesjs.com/docs/modules/Modal.html#custom-modal

Ju99ernaut

Here's a list of plugins that use the built in modals, hopefully they're helpful: https://github.com/artf/grapesjs-tui-image-editor https://github.com/artf/grapesjs-custom-code https://github.com/Ju99ernaut/grapesjs-template-manager https:...

kerryj89

Thanks, but I was looking for a way to inject the content into my own modal. A lot of libraries have a modal template file or variable to do this.

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

Browse all topics