GrapesJS Issues

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

3464 issues found

#1784February 11, 2019by sharma-mohit-eca2 answers
0 reactions

Remove Default components with canvas elements

How to remove default components that comes with canvas elements i.e., Copy, move and delete

artf

??? There are no default components if you don't load them (eg. from LocalStorage)

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.

#1783February 10, 2019by bsde12453 answers
0 reactions

How to deploy to heroku

Hi, I am trying to deploy grapesjs to heroku. I successfully deployed it. But I can't find the app in home page. It says application error. Do I need to set url in the project?

artf

The index.html is there for the dev environment... so create your app first, then deploy wherever you want

bsde1245

Does this app require a database?

artf

no, it's up to you decide how to store your data, more info here: https://grapesjs.com/docs/modules/Storage.html

#1781February 8, 2019by kickbk3 answers
0 reactions

add a font-size type prop

I'm trying to create a font-size type of property that I would like to add to the dimensions sector. Doing this: Getting the value and all, but it's just showing an input box. Not one with the select option between the units. What am I doing wrong?

artf

Seems to work on my side: https://jsfiddle.net/ewyb2zcu/

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.

#1780February 7, 2019by AkibDeraiya1233 answers
0 reactions

How to change extra dropdown for link change trait

Hello @artf , I want to give one more functionality to user like user can change any link with default links drop down. In above image i want to add one more dropdown for the default links. If user will select the links from the drop-down then also need to change href of selected link and on other hand if user will ty...

artf

Create a custom trait: https://grapesjs.com/docs/modules/Traits.html

AkibDeraiya123

Hello @artf If i only want to do in change trait for href(<a ) tag then how can i change that? I tried like, But this is something like not works. Can you please help me at where i am doing wrong?

AkibDeraiya123

And one more question, how can i check the selected DOM element's type? I guess it will use isComponent function. But i don't know how to use it and where?

#1779February 7, 2019by Soharab-Shaikh3 answers
0 reactions

Traits type Checkbox not checked from the initialization of the Component type.

Hi, Artur When I try to check traits (type: checkbox) from the init() of the domCom Type the value set as true but not checked. Code: Thanks man for your great work

artf

The trait reads from the component, edit the component itself not the trait value. this.set('pagination', paginationData == "true" ? true : false)

Soharab-Shaikh

No, I just want to checked the trait not the componen y.

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.

#1778February 6, 2019by itsallrelative3 answers
0 reactions

Unable to load from remote

I'm trying to load from a remote URL, and nothing ever loads. This is the response I get back from the load function: Loaded {0: "↵", 1: "{", 2: """, 3: "g", 4: "j", 5: "s", 6: "-", 7: "a", 8: "s", 9: "s", 10: "e", 11: "t", 12: "s", 13: """, 14: ":", 15: "[", 16: "]", 17: ",", 18: """, 19: "g", 20: "j", 21: "s", 22: "...

itsallrelative

No I am see what looks to be the correct loading, but the content in the frame doesn't refresh: {assets: Array(0), css: "*{box-sizing: border-box;}body{margin:0;}", styles: Array(0), html: "<div class="container"><h1>Hello World</h1></div>...

artf

Be sure to use contentTypeJson: true in your storageManager configuration and read this: https://grapesjs.com/docs/modules/Storage.html

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.

#1777February 6, 2019by bm2ilabs2 answers
0 reactions

[Question] How to dynamically change the DomComponents ?

Hello , Thank you for this great library , i am working with a newsletter system that get content from the database and generate the latest articles in the site , i created a dynamic block with dynamic type that has source setting , when the user add the source it send a request to the url and it should get the conten...

artf

You don't need to extend the model in this way you can just update the toHTML method if the current instance, eg.

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.

#1776February 6, 2019by shrnfnchr2 answers
0 reactions

[Question] Add read-only trait for all controls

We are using grapejs to create webpages. We are doing some back end manipulation of the json to link each child of the html (usually a row) to a record in our database. To that end, I've added a trait to every component called custompk. Upon saving the grapejs, I loop through the first level of components and add a re...

artf

Create your own trait https://grapesjs.com/docs/modules/Traits.html

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.

#1774February 6, 2019by MACscr3 answers
0 reactions

Feature Request: Drag and Drop Absolute Positioning

Unless I am missing something, it appears that you cant drag and drop absolute positioned elements. In my opinion, if an element is set to absolute positioning, you should be able to drag and drop the the item to anywhere within its relatively positioned parent. We should not be required to manually input positions (t...

artf

Not yet implemented, but it's in our Roadmap

sccorby

Bump. Definitely a high-priority feature for a WYSIWYG environment. Question for @artf : Would this be possible to implement with a custom menu/panel on our own?

MACscr

Bump. Definitely a high-priority feature for a WYSIWYG environment.Question for @artf : Would this be possible to implement with a custom menu/panel on our own? He already has it in the works: https://github.com/artf/grapesjs/issues/1936

#1772February 4, 2019by itsallrelative2 answers
0 reactions

Cannot read property 'indexOf' of undefined

Hello, I am spinning up a new instance of grapeJS, and immediately everything breaks and I get the following error: Cannot read property 'indexOf' of undefined at grapes.js:6477 My code looks like the following: It looks like it is trying to return indexOf on self, but self isn't defined. Can you quickly help me resol...

artf

Try to disable (and then probably clean) the storage with passing storageManager: {type: null} https://jsfiddle.net/h204La5o/

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.