GrapesJS Issues

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

3464 issues found

#1097May 9, 2018by ionic6661 answer
0 reactions

how can i add class for element

hi ,i want to know how to match all classes which starts with 'c' data-gjs-droppable=".c"

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.

#1096May 9, 2018by dsgh3 answers
0 reactions

[FEATURE REQUEST] Support rendering layouts which are not part of the editable content

Basically my use case is that I want to show a whole page - with header, menu(s) and footer - in the editor canvas, but only allow the user to edit the actual content of it. The reasoning behind this is so that the users can see the page as close as it will be to the "end product". I've been able to accomplish somethi...

artf

For the point 1 you can pass this to your init options: Point 2, what about something like a custom placeholder component which just overwrites toHtml method in the model definiton

artf

Hey @dsgh, did you manage to accomplish your task?

dsgh

@artf These past few days I've been busy working on other extensions to grapesjs that we're also needing. Thank you for your suggestions here - I'll investigate more about the showWrapper option, and I think your suggestion for point 2 is...

#1095May 8, 2018by Chilli-B3 answers
0 reactions

[FEATURE REQUEST] Preselect a trait select option

Hello, I'd like you to add to the options array of a select trait a third parameter next to 'name' and 'value', which is 'selected' in order to pre-select one of the trait options. In detail: I extended the header component by a select trait for all header types h1 through h6. Now I'd like to add something to the even...

artf

Hi @Chilli-B it would be better if you provide a live example of what you're trying to accomplish. BTW, if the trait is correctly created it should be synced with the component model, for example:

Chilli-B

Hi @artf , thanks for your reply. Below is how I created the trait by extending the text model for the header component. The problem is not the syncronization. The problem is, when I'm adding complete layouts to the canvas, which are inclu...

artf

The problem is not the synchronization. The problem is, when I'm adding complete layouts to the canvas, which are including h2 or h3 tags (or any others), and I'm clicking on them, the header type select in the settings (traits) always sta...

#1093May 8, 2018by ancientry3 answers
0 reactions

Hello, I am a novice. How can I run it?

How much is the 1: development environment and how to configure it; 2:grapesjs DEMO.HTML of the official website. How do I run locally?

ancientry

artf

You have to run npm i first https://github.com/artf/grapesjs#development The demo branch is here https://github.com/artf/grapesjs/tree/gh-pages

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.

#1092May 7, 2018by xr0master3 answers
0 reactions

[BUG]traits and storage trigger

Hey, maybe it's not bug, i'm not sure. I have traits with changeProp: true field. When I change the value of trait by UI, model is changed and all works fine, but the new changes aren't saved in Storage. So, after refresh the editor, I miss the values. If I append any component, when Storage is triggered and all have...

artf

Should be fixed by this https://github.com/artf/grapesjs/commit/32c1b2c1f4e1bef967f43b0013bfd481cddb81c7

xr0master

Nope. It doesn't fix it.

xr0master

Probably the #1104 close to fix it

#1091May 7, 2018by mbleverage3 answers
0 reactions

How to select the first Component

I want to launch the editor with the style manager visible and populated. Meaning that a component is selected by default and the style manager shows the styles related to that selected component. I have been struggling with how to access the model. var domComponents = editor.DomComponents; When I print the following...

artf

Do it when the editor is loaded

mbleverage

Thank you for your time. I just tried this and it is not working. Any other suggestion?

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.

#1090May 7, 2018by Deepak8133 answers
0 reactions

How to remove toolbar icons

Hi artf, Please let me know how we can remove the toolbar icons like when user click on image element then I don't want delete icon or other icons. Help us to resolve this. Regards, Deepak Walia

artf

the easiest way .gjs-toolbar { display: none }

Deepak813

Hi artf, Thanks for the message. I just want to hide the particular icon of the toolbar not the complete the toolbar.Like in complete toolbar i want to hide the delete icon, rest of the icons are same.

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.

#1089May 7, 2018by kuldeepcis3 answers
0 reactions

custome plugin with traits

I've created custom plugin with trates, but it's not working can you please guide me how it'll work. what's issue in this.

xr0master

You need to init the content field. Probably to overwrite toHTML method. It depends what doesn't work

artf

@kuldeepcis you're not showing how you use the component, provide a live example via jsfiddle please

kuldeepcis

Hi @artf , This is the fiddle for it https://jsfiddle.net/apaoa5o2/14/ In the extra section there is the block for social icon Issues with this are: 1) when you drag and drop it you need to select parent to see the settings section on righ...

#1088May 7, 2018by kuldeepcis2 answers
0 reactions

add new custom default class for map

can you please let me know how to add custom class in parent div of map iframe. when I try to add custom class in move function of 'grapesjs-preset-webpage.min.js' than it'll show but on page load it'll remove that class. please guide me how to add class. can you please provide un-minified js of grapesjs-preset-webpag...

artf

Create your block with your whatever you want wrapper and inside put the map componentcan you please provide un-minified js of grapesjs-preset-webpage.min.js? You can build it by yourself, check scripts in package.json

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.