GrapesJS Issues

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

1,399 issues found

πŸ” outdated
#775Jan 18, 2018by gordon-matt2 answers
0 reactions

Thumbnails not available when file name has space

I noticed some of the images in my asset manager didn't have thumbnails and it seems it's only the ones with a space in the file name.

artf

Yeap, seems like quotes were missing in background-image: url(. Will be fixed in the next release. Thanks

lock[bot]

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.

#774Jan 18, 2018by ryandeba3 answers
0 reactions

Mimic customRTE behavior when parsing content

Hi @artf, I'd like to replicate this behavior when calling editor.setComponents("<div>This is a text component. <span style='font-size: 20px;'>This is a nested element that I don't want get parsed out.</span></div>"). In that example, I would want the nested span to not get parsed as its own component so that I cannot...

ryandeba

Now that I think through this a bit more, option 1 wouldn't really work for me since I want to prevent any inline styles from getting removed, as well as preventing any id's/classes/attributes from getting added to the child elements. So I...

artf

Hey Ryan what about this custom component

ryandeba

Thanks @artf! I bet your suggestion will work for me - I'll test it out in the next few hours.

#773Jan 18, 2018by kevinalvarez3 answers
0 reactions

Multiple editors in the same window

Hi all! I'm trying to initiate several editors in the same window. I think almost everything is working great (edition, saving, adding components, etc), but when I open "view code" modal, I see css duplicated. Doing a little research, I noted that inside method loadModule, there's a line "if (Mod.onLoad) this.get('toL...

artf

Thanks @kevinalvarez probably I got where the issue is, I'm gonna push a fix soon.

kevinalvarez

Thanks @artf ! I made the change and now it's working as expected. We will wait for the release.

lock[bot]

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.

#772Jan 17, 2018by krunal0393 answers
1 reactions

Trait validation

Is there way to restrict trait length i.e title cannot be more than 255 chars and if user try to add more than that, should display error message?

ryandeba

Hi @krunal039, The only way I know to do something like would be to make a custom trait and use the getInputEl function to either set a maxlength property on your input or create a section show whatever errors that you want.

artf

The only way I know to do something like would be to make a custom trait Correct

krunal039

@ryandeba @artf , thanks for reply, is there way to pass property(max length, validation error message) to custom traits?

#771Jan 17, 2018by Deepak8133 answers
0 reactions

Image src is not updating

Hi @artf, I have updated the image src using below code: editor.getSelected().set('attributes', {'src': image_Url}); but when i set all the html using below code: editor.setComponents(templateHTML); then image src not updating in HTMLcomponent. Please let us know about the same.

ryandeba

Hi @Deepak813, I'm not sure where templateHTML is coming from in your example...is the src on your image set correctly in that variable? In any case, selecting an image and running this code seems to work fine for me in the demo: editor.ge...

artf

@Deepak813 as already mentioned by Ryan you have to use editor.getSelected().set('src',image_Url)

AkibDeraiya123

@ryandeba @artf Is there any possibilities to change other attributes of image like class, id etc? I had tried with like, But this seems not working in my case. Can you guys please help me how can i change other attributes of this image ta...

#770Jan 17, 2018by goldengrisha3 answers
0 reactions

Custom attribute

Can it be possible to create a custom attribute ?

artf

@goldengrisha a little bit more specific?!?

goldengrisha

I want to have ability to add a few attributes with values like(move='0') and edit after in editor, can it be ?

artf

@goldengrisha I apologize, but are you talking about adding custom attributes to HTML element or Component models?

#769Jan 17, 2018by gordon-matt3 answers
0 reactions

Need further info to create backend for Asset Manager

I'm trying to figure out how to write a backend (in ASP.NET Core) for the Asset Manager. I've looked at a few of the Wiki pages, but still a bit confused. What I'd really like is info about how to show existing assets, upload new ones, delete existing ones, etc. I did see that I can upload by using an upload endpoint...

artf

Hi @gordon-matt, you manage assets with Asset API and its events, the remote part is up to you

gordon-matt

OK I think I see how it works. I'll give that a try, thanks.

lock[bot]

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.

#768Jan 16, 2018by frank-tenzing3 answers
0 reactions

IE browser issue

Hi @artf , Created this issue due to https://github.com/artf/grapesjs/issues/214 has been closed ... I cloned the latest repo and run it on IE 11, an error: SCRIPT438: Object doesn't support property or method 'replace' - grapes.min.js (15612,7) demonstrates on the console, when I clicked it, it jumped to the line in...

artf

@frank-tenzing not sure if it's IE's only error, are you facing this issue with some kind of template (which probably contains some SVG element)?

frank-tenzing

Hi @artf , what I have done after cloned the latest repo are 1). Replaced the start script with "start": "webpack-dev-server --open --progress --colors & npm run build:css -- -w",; 2). Commented the editor.BlockManager.add('testBlock', { l...

artf

@frank-tenzing thanks, but what about other browsers?

#767Jan 16, 2018by frank-tenzing2 answers
0 reactions

Generate a new grapes.min.js after make changes to grapes.js

Hi guys - happy new year, I'm currently doing some investigation of GrapesJs for our further project. The question is I fellow the https://github.com/artf/grapesjs/issues/196 to minify a new grapes.min.js, but when I deleted the grapes.min.js and tried to make some change in the grapes.js which is in the dist folder,...

artf

@frank-tenzing you shouldn't edit files in the dist folder, those are generated every time by npm run build You have to edit files inside src. BTW that code seems to come from cash library, not grapesjs itself (about the issue let's keep t...

lock[bot]

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.

#766Jan 16, 2018by austinbiggs2 answers
0 reactions

When clicking elsewhere on canvas, deselect: currently selected

Currently, once a user selects any element, there's no way to deselect that element. For example, if I'm editing a photo, but I want to "stop editing" the photo, there's no way to remove the selection from the photo (clicking on a non-editable element or the page background). editor.select( null );

artf

Hi Austin, can you explain which is your issue with a selected component? I've seen a lot of builders with the same behavior so honestly, I don't see it as a problem. By the way, I think you could implement something on your own, with edit...

lock[bot]

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.

Browse all topics