GrapesJS Issues

3,464 parsed GitHub issues โ€” 370 solved ยท 90 open. Search, filter and explore battle-tested answers.

829 issues found

๐Ÿ” question
#3068October 9, 2020by saravanakjNo answers
0 reactions

FEAT: Trait Manager - Traits grouping feature like style manager

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

#3046September 24, 2020by jesusdp2 answers
1 reactions

QUESTION: How to keep default sections in the canvas without the possibility to be removed by the user?

I want to generate a PDF Tool to have three main sections: HEADER, BODY and FOOTER. The three sections needs to be there always and I want to disable the possibility to allow the users to delete those sections. The rest of the components like images, text, columns, etc. needs to be editable like remove them if the use...

MartinPutz

By default all components are removable, so that's already covered. In terms of not allowing certain components to be removed, you can take a look at the component api:https://grapesjs.com/docs/api/component.html#component You would need t...

jesusdp

By default all components are removable, so that's already covered. In terms of not allowing certain components to be removed, you can take a look at the component api:https://grapesjs.com/docs/api/component.html#componentYou would need to...

#3044September 23, 2020by RJCAM3 answers
3 reactions

[QUESTION]: New toolbar button works only for new added components and not for existing ones

Hi everybody, can somebody explain me please why when I create a new custom toolbar button this button shows only when I add a new component and not an existing one even this components are the same. I was thinking that might be something about the editor initiation that I'm not including. @artf What am I missing to m...

Ju99ernaut

Probably the editor doesn't change a component during runtime when it's model is changed, so the component on the canvas was created before the model was modified therefore it wont show the changes to the toolbar.

Ju99ernaut

I've gotten around this by loading the canvas after loading all components and component modifications, but I guess depending on storage setup running editor.load() might fix that.

RJCAM

Thanks for your response @Ju99ernaut, any ideas of how can I change them during runtime? I think It can work if I make those changes in the core but I was thinking in make some plugins with this type of functions and this way we can't make...

#3043September 23, 2020by mmotov1 answer
2 reactions

QUESTION: Allow to only edit text

Hi there! I wonder if it's possible somehow to allow edit only text, or upload images, and restrict to change everything else? The purpose of that is to allow designer create website, and user will fill only content. Thank you in advance.

mmotov

Ok, I found solution for that #336 I did this

#3042September 23, 2020by patoperpetua2 answers
0 reactions

FEAT: Accurate Documentation on uploadFile

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

artf

There is already an option for upload URL https://github.com/artf/grapesjs/blob/8822aa6c6e8ced09ad50f2c8392f1754d3a6ec8b/src/asset_manager/config/config.js#L18-L21

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

#3041September 23, 2020by WilburJZHAO1 answer
0 reactions

Question: How to render the website in frontend after designing it in the editor?

Hi all, I am wondering how to render the website with our own components designed by the editor into frontend? I cannot find any info about it in the documentation. I have tried several ways:directly load the html and css get from editor (It is not working as it does not contain any components info)use Canvas.getBody....

artf

I'd suggest reading this part https://grapesjs.com/docs/modules/Storage.html#store-and-load-templates

#3039September 22, 2020by generalsystems1 answer
0 reactions

BUG: 3 issues I'm facing using grapesjs

the 3 issues I'm facing using grapesjs are: -- I can't render a react element inside the canvas: I add a component in the canvas and initiate the component js file in the canvas conf object but it didn't work. -- I can't add a color in the background layers -- when a tag a component to be unremovable it can be removed...

artf

Follow the issue template please

#3030September 17, 2020by arptg1 answer
0 reactions

Question: How to sync the order of sub children across all child elements ?

I have a <ul> in which I want to show Images and image description as <li> elements. I want to be able to move the image inside the <li> for one of those and it should reflect the same in other sibling <li> elements. Is there a way to achieve this ?

artf

No, currently it's not possible, the only way is to work with classes but the HTML structure is not syncable

#3019September 11, 2020by sircoko3 answers
0 reactions

[QUESTION] - Bind inner text/html (like div, p, h1) to Trait

Hi! I've created a custom trait, and I want to be allowed to change the content of the tags (in this case it's a H1 tag) based on the trait values.. It would be awesome if it can be bi-directional; changes in the traits panel will update the canvas and also changes in the canvas would update the input in the panel. I'...

artf

changes in the canvas What kind of changes? How would you like to change the tag of the element in the canvas?

sircoko

No, i want to change the content. for example <p> $CHANGE_THIS </p>

artf

onUpdate function in the custom trait definition allows you to update the input as you wish (in the example you see how the component parameter is passed and used to update the trait value)

#3004September 5, 2020by Bakino2 answers
0 reactions

QUESTION : custom style properties to change class

Hi, Thanks for this good editor. In my project, I want to adjust classes of components using the style manager. For example, I am using bootstrap and I want the user to be able to apply classes such as bg-danger, bg-primary from a drop box instead of input the class name manually. I am aware that I can do it using tra...

artf

There is an option which allows you to indicate which target to select (classes or component-specific style) https://github.com/artf/grapesjs/pull/2474 (in your case componentFirst should be disabled) Unfortunately, the selector manager's...

Bakino

thanks for your answer :)