GrapesJS Issues

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

212 issues found

#601December 2, 2017by Deepak8133 answers
0 reactions

Custom HTML type in video traits

Did we get the Custom HTML type in video traits so that user can able to enter the iframe code and it will embed in the html. As,all the famous editor have this feature which is common one in video category. Is this video traits is in roadmap. As we have created this new component but that conflicts with the existing...

ryandeba

Hi @Deepak813, This doesn't really sound like a video component to me if you let users enter in whatever iframe code that they want. If the component lets you enter custom "iframe code", it seems like it would also let them enter some non-...

Deepak813

Hi @ryandeba, Thanks for the message. The exact scenario in Custom HTML type in video is very simple.If user enter any non-iframe HTML then we will display the error message just as shown in vimeo video type or if user enter any iframe HTM...

ryandeba

Thank you for the additional details @Deepak813 - I think I have a better idea of what you're trying to accomplish now. I would still be interested in seeing an example if you have one available. In the meantime, I will give some thought i...

#574November 26, 2017by Snarkly3 answers
3 reactions

Using Grapes with Zeronet.

Is there a way to use grapesjs with zeronet? https://zeronet.io/ You can create sites on zeronet but to add headers, banners and other things you have to get into the CSS and HTML to write code. I hate coding with a passion and would like to use grapesjs on zeronet so I can use grapes drag and drop features to create...

artf

Hi Jeffery, unfortunately, Daniel is right, if you want to use GrapesJS in other projects someone (devs) need to integrate it first. I think you can try at least to ask ZeroNet's devs if they put GrapesJS integration in their Roadmap

duskhacker

@Snarkly GrapesJS is not a drop-in turn-key solution. You'll have to understand (and do) Javascript coding just to get the editor working. Its purpose is for adding a fancy HTML editor to an existing web stack.

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.

#568November 24, 2017by matthewgertner3 answers
0 reactions

Resize blocks with mouse?

I noticed that in the current demo it is only possible to resize most blocks using the property editor, not by dragging anchors on the block (which is possible with the map element for example). Is this by design or is it simply a feature that has not been implemented yet?

ryandeba

Hi @matthewgertner, I believe this is can be enabled on individual components via the "resizable" property: component.set("resizable", true). It's probably not going to work very well on elements having a display: inline style (a <span> fo...

artf

@matthewgertner Ryan's solution should work, and, yes, I do not apply them by design for reasons already explained by Ryan but you can actually create blocks/components with resizable enabled

matthewgertner

@ryandeba @artf Great, thanks for the suggestion. We're playing with the codebase now so we'll give that a try.

#526November 15, 2017by matiponce912 answers
0 reactions

New feature

Hi Arthur, I have developed a new feature that is the possibility to add tabs inside blocks panel (this is optional what it means that if you don't add any tab, blocks panel will continue behaving as before) and these tab could have their own categories and blocks. My question is if would be possible to add this featu...

artf

Just check here https://github.com/artf/grapesjs/issues/499 :)

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.

#523November 15, 2017by tldrjumps3 answers
2 reactions

[Question/Enhancement] How to Export CSS linked in Canvas Styles properties

How to export the HTML/CSS in the code view / download as zip. With the stylesheets in styles.css referenced in the grapesjs canvas, but not the unused, actually i am fine with all the styles.css stylesheet, for simple API access for export. If I add the stylesheet in init Yea, Table 😋 Thanks for the good work, let u...

artf

@chiqui3d definitely it shouldn't be added to what is used for storing otherwise you will add those styles twice.

artf

The issue I have is that when I try to export the code using the grapesjs export plugin nothing referenced inside canvas is exported. @Yakito For now, those scripts/styles should be included manually, you can use root option from the expor...

artf

Hi @tldrjumps I'm not sure if I properly got your problem. You can simply get all the CSS with editor.getCss(), which also tries to optimize it by removing classes without components. Styles inserted via canvas.styles option are just injec...

#499November 9, 2017by arthuralmeidap3 answers
1 reactions

Tabs inside Panel

Hi @artf, As you must know, at my company we are creating a product based on GrapesJS. We are trying to keep as close as possible from GrapesJS core. As developers we are trying our best to not create a fork from GrapesJS and keep contributing back to the repo. Now, we have a new feature to create and we would like to...

arthuralmeidap

You are the man!!! Thanks a lot!! I will try it !!!!

artf

Thanks Arthur, really appreciate your help. Seems like you're doing an awesome work, I think this feature could be a perfect candidate for a plugin :)

arthuralmeidap

I need to make some changes into some Models/Views inside GrapesJS. How can I achieve with plugins? Any ideas?

#498November 9, 2017by ryandeba3 answers
0 reactions

Ability to filter blocks

What do you think about the ability to filter the blocks panel? I have a situation where I may have hundreds of custom blocks, and having a built-in way for users to find a specific one would be very helpful. Here's a quick mockup of what I've got in mind: https://i.imgur.com/fGCNY3N.png. Typing in the input would onl...

artf

Thanks for the suggestion @ryandeba it'd be cool to have search functionality on all collections, probably even something like this, this will allow filtering also in other modules. I'd rather prefer to keep the UI side away from the core...

gpol4119

Any news regarding the above issue? Such functionality would be very helpful.

ryandeba

@giannis4119 I'm not actively working on this at this time, but I may get back to it at some point in the future.

#490November 8, 2017by ryandeba3 answers
0 reactions

Prevent modifying specific image components

I have a use case where I would like to make some specific components completely locked down (i.e. not resizable, not draggable, not copyable, not removable, etc). I have this mostly working, but I'm having a problem with images - I cannot seem to prevent the double-click functionality that opens the asset manager mod...

artf

Yeah, you're right, I use editable only for text components, but what you're asking actually make sense. I'd be happy to accept your PR. You should add editable: true, to the model https://github.com/artf/grapesjs/blob/dev/src/domcomponent...

ryandeba

Thanks @artf! Here's the pull request: https://github.com/artf/grapesjs/pull/496

artf

Merged https://github.com/artf/grapesjs/pull/496 👍

#475November 1, 2017by ateshuseyin3 answers
0 reactions

open confirm dialog before removing assets

I want to open a confirm dialog before removing image from assets manager. There is not any feature at the same time there is no appropriate api for it.

artf

You can use this code from Assets documentation Put it inside a plugin otherwise it won't take effect on already defined images

ateshuseyin

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

#466October 30, 2017by arthuralmeidap3 answers
0 reactions

Disable button

Hi, I added a new button in Options Panel and now I'm trying to make it disable while a given criteria is not ok. For now, I tried to use the myButton.set('active', 1) but this is not I'm looking for. I take a quick look on GrapesJS code and I didn't see an option to disable the button or make it "unclickable". Is the...

artf

Hi Arthur, unfortunately, there is no 'disable' feature, but it'd be cool to have

arthuralmeidap

hi @artf , I will try to work on that, ok? I will starting adding a new disable attribute for the button. What you think?

arthuralmeidap

Hey @artf , This is not related to this issue, but do you know when a next version will be released? There is some improvements on dev branch that would be nice to have them.