GrapesJS Issues

3,464 parsed GitHub issues โ€” 370 solved ยท 90 open. Search, filter and explore battle-tested answers.

644 issues found

๐Ÿ” components
#1696December 31, 2018by muhamdgomaa283 answers
0 reactions

Traits appear first time when draged custom component

Hi artf , i have created custom component and add traits for it , when dragging this component to editor and select it the setting traits work correctly . the proplem is when draged the same component behind the old component to editor and select setting traits the default traits will appear ( id , title) only , this...

artf

Please create a live demo of this issue

no-response[bot]

This issue has been automatically closed because there has been no response to our request for more information from the original author. With only the information that is currently in the issue, we don't have enough information to take ac...

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.

#1689December 28, 2018by ramachandranvenkat3 answers
1 reactions

Broken Link in doc https://grapesjs.com/docs/modules/Components-&-JS

https://grapesjs.com/docs/modules/Components-&-JS page not found

adamlc

The link is in the Components & JS section for the Component Manager - https://grapesjs.com/docs/modules/Components.html#components-js

arthuralmeidap

You can find some documentation here: https://github.com/artf/grapesjs/wiki/Components-&-JS

artf

@ramachandranvenkat where did you get that link? The correct one is https://grapesjs.com/docs/modules/Components-js.html

#1684December 26, 2018by B-Esmaili2 answers
0 reactions

Can i use react to develop components?

Hey guys.really impressed with the great job done.I have a question regarding component development. the question is can i use react to develop plugins?if yes is there any doc or guideline related?

artf

Hi @B-Esmaili GrapesJS is framework-agnostic so you just need to use its API to define new components. Here some doc where you can get started:Create pluginsCreate custom Components

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.

#1674December 20, 2018by alialrabi3 answers
0 reactions

Render block after trait action .

I have created new block called sidebar that have dynamic updates by trait component ,trait contain checkboxes to dynamic change content by passing parameter to block , block updated but not rendered in editor,How can I render block in editor after click checkbox. I want to update ${data.cat} in editor block content i...

artf

Inside the canvas you have Components... not blocks. A block is just a container which creates components when you drag them inside the canvas. Read carefully https://grapesjs.com/docs/modules/Components-js.html and see how you can interpo...

alialrabi

Thanks for replay and for your great tool ,So is it possible to render the component by trait.

artf

Yes, you can listen for trait changes and doing whatever you want

#1670December 19, 2018by ahmedeldeeb25-zz1 answer
0 reactions

Adding default Layout in grapejs

When I open the grapejs editor for the first time it appears as white-board. I need to add default HTML layout (columns) like in this photo, how can o do this?Update: that's done, I get HTML & CSS and put them in grapejs my initialize code, but I found another problem I can't now resize the columns or put components i...

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.

#1662December 14, 2018by Deepak8132 answers
0 reactions

How we can reinitialise editor

Hi @artf, Hope you are doing good. How we can reinitialise the editor with json data. We want to reinitialise editor with some of the previous saved json data so that we can compare that. Is there any option so that we can change the content of editor based on json data without reloading the page ? All the Undo, Redo...

artf

I think this should be enough

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.

#1658December 13, 2018by christopherserrao053 answers
0 reactions

[BUG] Checkbox trait does not load as checked even when the trait value is true

Hi, I'm using Grapesjs version 0.14.33. I'm loading some components when the form loads and I have a component with a checkbox trait. When I load the component using editor.DomComponents.load, I'm loading the checkbox with the value true, which means that the trait should be rendered with the checkbox already checked....

artf

Update your grapesjs versionThe trait reads the value from the component, so place the initial value at the component level, not at the trait one

christopherserrao05

Hi Artf, Thanks for your reply. Can you please provide me a sample link, or if you could please update the jsfiddle, to explain what you mean by "place the initial value at the component level". Thanks

artf

I mean, when you add the checkbox element, put checked there <input data-gjs-editable="false" .... type="checkbox" ... checked/>

#1638December 7, 2018by Abhisheknanda13444633 answers
1 reactions

how to stop css repeatition

hi @artf here is my code of Export-template i make it editable Also, i add a media-query to display in view code with this editor.setComponents(mycss) when i update something form this button it'll work fine but i am using it in my rails app by including minified version . and when update something in rails all media-...

artf

Update your grapesjs and next time, please, create a live demo of your issues

Abhisheknanda1344463

Thanks @artf yeah definitely :)

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.

#1632December 5, 2018by cnaa973 answers
5 reactions

[QUESTION] control table cell (add row, column..)

Hello. I want to dev some of feature to control the table. There are many feature for table the other editor like add columns, rows, set color, reset column width for each cell... I just have a dev plan to implementation on below..add a button on block manager this is a dummy table 3x3. each cell have a text component...

shubhd47

Hey, @cnaa97 No worries I have added the default commands in the toolbar. I got what I wanted. Thanks for helping. Below is the code

artf

The content inside the component definition is for static text (eg. the content is used for editing with Rich Text Editor) so you can't select its element once added, instead you should use components: '<tr data-gjs-type="row" ...'You can...

cnaa97

Thanks for your kindness answer.

#1618November 29, 2018by ploutos273 answers
0 reactions

Child components are not tracked in models ??

Hi, I'm facing as strange issue and I need your help. when I move components inside blocks, at the view model the changes successfully applied, but models it seems that grapsejs is not tracking (or I miss something), the parent components (or blocks your can check the image 1 here) are working fine but if I have inner...

artf

Please create a live demo with steps to reproduce the issue

ploutos27

Please create a live demo with steps to reproduce the issue Hi artf, thanks please give me 1-2 days to create a live demo! Thanks!

ploutos27

@artf here is the live demo: here I have also create a live video to help you understand where am facing the issue.. video link here Let me know Thank you for your help!!!