GrapesJS Issues

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

3464 issues found

#2441December 3, 2019by bpwme2 answers
1 reactions

[QUESTION] How to completely disable badges on hover?

Hello, I've been looking to completely disable the badges that appear on hover, but I can only seem to disable it fro the wrapper with the following code: domComponents: { wrapper: {badgable: false} }, Is there a similar way to completely disable them? Thanks in advance!

fredrickreuben

You can use canvas: { customSpots: { hover: true }, },

artf

Probably in your case the easiest solution would be to hide it via CSS

#2440December 2, 2019by edwinjoel19843 answers
1 reactions

Resize by class :(

The main problem that i have is I'm trying to do a resize in a component that I made, but if I have Two Components equals, when I do the resize one of them the other do the same resize. So, I think that I would need manage the style of them by id and not by class. This is my code: const buttonComponent = { name: "butt...

pouyamiralayi

@ramusesan @edwinjoel1984 your issues is because of the shared selectors. similar issue here. for the solution i suggest this thread. cheers!

edwinjoel1984

@artf this is the problem

ramusesan

even i am facing the same issue its probably issue with precedence, assume incase i have an id and class for the same element i.e <table id="myId" class="myClass"> ..... </table> and trying to resize a table then styles are applying on .my...

#2439December 2, 2019by herboratory1 answer
2 reactions

How to install everything like the demo with all the plugins? [Not issue]

Hello, everyone! I know my question is highly possibly stupid to most of experts here. I am new to making website and I am building a web app on my own with Django and by accident I found that I can use GrapesJS to deal with the frontend. I don't really need fancy thing but just need to get something like the demo wit...

pouyamiralayi

get something like the demo if you want the exact thing as demo, the source is here put the plugins in there please see this thread cheers!

#2438December 2, 2019by sdrebel1 answer
0 reactions

Custom code how to disable auto formatting the code

Hi, I have created own custom code by reusing buildEditor function from the export manager. But when it loads in the editor be default it's formatting the content. Is there anyway to disable it?

artf

No, right now it's kind of hard-coded

#2437December 2, 2019by umerrinayat2 answers
0 reactions

[QUESTION] Add more video provider

Thank you @artf I'm using grapesjs in my project and it really help us out to do amazing stuff. I'll share it with you once the whole project completed (quite big project). [Question] Is it possible to add more video providers in grapesjs? Currently I'm able to use these { value: 'so', name: 'HTML5 Source' }, { value:...

artf

Hi @umerrinayat you just need to extend the video component

Mirna-Nasrallah

I kinda have the same question now, did you figure out the right way to add a provider?

#2435November 29, 2019by edwinjoel19842 answers
0 reactions

Styles by ID in components

How do I make the styles of the components I take them by id and not by class

artf

You can toggle classes, this will change the style selector

edwinjoel1984

The main problem that i have is I'm trying to do a resize in a component that I made, but if I have Two Components equals, when I do the resize one of them the other do the same resize. So, I think that I would need manage the style of the...

#2434November 29, 2019by pvbergen2 answers
1 reactions

[Question] Exclude html elements from model

This is a broad question, so I will provide the use case and some ideas instead of actual code.Basic description We are using grapesjs as part of a Drupal module (https://github.com/artf/grapesjs/issues/1798#issuecomment-559498604) and we are facing an issue with having too many html elements within the grapes contain...

pvbergen

Huh, that would be surprisingly simple. Thanks! I'll test it out in the next few days and see how we can integrate it with our workflow.

artf

Do you mean something like this? This will add an HTML without being actually related to GrapesJS Components

#2433November 29, 2019by Davidvlv3 answers
0 reactions

[Bug] Changing layerable in an an event at runtime doesn't immediately update

When I change the layerable option of a custom component in an event, it still shows up in the layers until you drag it once. Is there some way to get around this by forcing the layers to update? Or can we get a bug fix for this, thanks. Video: Grapesjs layerable.zip

Davidvlv

The same thing is happening when I try to add/remove a toolbar button in an event - the toolbar doesn't update until I unselect the component and reselect it:

Davidvlv

Also, if you set 'removable' to false in the same place as where 'layerable' is being set in my post, the toolbar doesn't update to remove the delete button until you save and reload.

artf

Try to trigger this event after your updates editor.trigger('component:toggled')

#2432November 28, 2019by digitalgym1 answer
0 reactions

Lock Trait Values

QUESTION: Is it possible to lock a trait value so that it cannot be updated in the editor for select components?

artf

Not really, probably the best solution here would be a simple pointer-events: none with CSS

#2431November 27, 2019by adityaMurarka1 answer
0 reactions

Social Blocks

Hi guys, I am trying to include social elements blocks in my project. I am already using gjs-preset-webpage plugin for basic blocks. I want to give the user the option of providing the social blocks as used in gjs-mjml. Is there any way to import the plugin from mjml preset or any other way to provide multichoice soci...

artf

No, you can't mix those components... Just read the documentation and create a new one