GrapesJS Issues

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

3464 issues found

#3045September 23, 2020by ghost2 answers
0 reactions

BUG: Problem importing CSS and module in nodejs es6

Version: 0.16.22 Are you able to reproduce the bug from the demo? [x] Yes [ ] No What is the expected behavior? To import grapejs css and module Describe the bug detailed SyntaxError: Invalid or unexpected token at Object.Module.extensions..js (internal/modules/cjs/loader.js:1157:10) AND /project/nodemodules/grapesjs/...

artf

sorry, are you able to provide a live example?

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

#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

#3040September 23, 2020by ghost2 answers
0 reactions

FEAT: Mouse over text on Style Manger items

What are you trying to add to GrapesJS? Hi. Not sure if this is already baked in but: Is it possible to change the mouse over text on a custom trait in the Style manager I would like to use the mouseover text to give more information about the option the user is changing. I have looked through the docs but can't see a...

artf

Hi @ksn-systems, you can customize the whole label section https://grapesjs.com/docs/modules/Traits.html#define-new-trait-type

ghost

Thank you

#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

#3038September 22, 2020by ghostNo answers
0 reactions

elements are superimposed on each other.

In gjs-preset-webpage, in mobile mode, nested elements are superimposed on each other. but in grapes js demo everything is fine. what could be the problem? after a clean grapes js installation and adding gjs-preset-webpage: from https://grapesjs.com/demo.html:

#3037September 22, 2020by PineTreeWild1 answer
0 reactions

FEAT: get property value by component:styleUpdate event

The Changed property name can only be got in component:styleUpdate event, but I cannot get the value of the property. editor.on('component:styleUpdate', (comp, prop) => { // prop is the updated property name }) Thanks

artf

You can take the value directly from the component comp.getStyle()[prop]

#3036September 22, 2020by AlinaKontarero1 answer
0 reactions

FEAT: Responsive columns for email clients

What are you trying to add to GrapesJS? GrapesJS blocks responsiveness for email clients. Describe your feature request detailed The GrapesJS blocks like columns are responsive on app or demo. Hovewer, the email template created with GrapesJS blocks is not responsive to the email client (like gmail app or outlook app)...

artf

Hi Alina, this feature is kind of unrelated to the core implementation. You can create your custom components/blocks for email templates and wrap them in a plugin