GrapesJS Issues

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

3464 issues found

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

#772January 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?

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

#770January 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?

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

#768January 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?

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

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

#765January 16, 2018by perfect-coders3 answers
2 reactions

editor.on('block:drag:stop') event doesn't work

I am using this event many times in the application in the previous library. Now I have updated the library. I have updated the following libraries - 1) Grapesjs Library 2) Grapesjs-Preset-Webpage Library 3) Grapesjs-Basic-Blocks Library But it stops working now. Let me know if there is any change in this event.

artf

Hi @perfect-coders, with the latest version https://github.com/artf/grapesjs/releases/tag/v0.13.5 the HTML5 drag and drop is enabled by default (disableable by nativeDnd option) and unfortunately I wasn't able to keep such events with this...

perfect-coders

Thanks very much for the quick answer. I always love your quick feedback. I have some investment options for you. Hope to hear from you soon.

cgatian

This stumped me. The documentation is out of date

#764January 16, 2018by vishal50332 answers
0 reactions

Touch support

Hello @artf Can we use editor in touch enabled devices, lets say ipad or touch enabled laptops? Can you please walk-through about it. Thanks,

artf

Nope, but there is an open bounty about touch support https://github.com/artf/grapesjs/issues/241

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.