GrapesJS Issues

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

3464 issues found

#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.

#1683December 26, 2018by AkibDeraiya1233 answers
0 reactions

How to change id/class when new element drop on editor or render element with dynamic ip?

Hello @artf , Hope you are doing well. I have two questions regards dynamic blocks adding, 1) Is it possible to render the block with dynamic id? 2) Is it possible to change the id/class/onClick methods in block:drag:stop or component:add grapesjs methods? Here is some of my code, In above example i need to make dynam...

artf

In your block:drag:stop callback you should make a change to the droppedComponent (is an instance of Component, so use its API), the $('#staticId') doesn't even exist, the canvas is in the other frame of the document.

AkibDeraiya123

Hello @artf, Thank you for your quick support. It's working for me now, This is worked for me. Suppose i have content like, Is there any possibilities to update img tag's id and onclick function?

artf

@AkibDeraiya123 you can do whatever you want, check the API please https://grapesjs.com/docs/api/component.html

#1682December 24, 2018by kario1323 answers
0 reactions

Remove cookies on GrapesJS?

Hello! I'm using the latest version of GrapesJS, however it is causing issues with my project, because GrapesJS is saving the edits as a cookie, so that if I come back, the design I had before is still there. The way my project works is that you have to select a template from a list, but it wont work because of the co...

artf

because GrapesJS is saving the edits as a cookie localStorage, not cookies... Read the documentation please https://grapesjs.com/docs/modules/Storage.html

kario132

Thank you!

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.

#1681December 24, 2018by ahmedeldeeb25-zz2 answers
0 reactions

adding new custom trait to Video Component

In video Component i need to add new custom traits beside the existing ones, when i do this all traits are disappeared

artf

Please follow the issue template

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.

#1680December 24, 2018by froderf2 answers
0 reactions

Missing Attributes

When I drag a block into the canvas, some attributes of that block is missing from the above example the "data-gjs-test" was removed after dragging the block into the canvas. I want it to remain . Thank you

artf

Those attributes were made to be removed, if you need them, probably you're doing something wrong...

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.

#1679December 23, 2018by alialrabi3 answers
0 reactions

How to render component in canvas using trait.

Hi Artf ,Thanks for your great tool,I have created test case for my problem https://js.do/code/271771 I have created custom tool sidebar and create trait to render component with checkbox updates. -To reproduce 1-drag sidebar component into canvas (it should print initial fname value in console) 2-open filter menu in...

artf

In your doStuff method you're only getting the name of the trait, so nothing useful. I think if you change that checkbox trait in a simple input, you'll see the script changing correctly in the export code

alialrabi

Thanks for your replay, Could you please explain more what should I do?What do you mean by ( change that checkbox trait in a simple input)? I have updated demo to be more clear https://js.do/alialrabi/273238 . There are two checkbox fname...

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.

#1677December 21, 2018by suresh51 answer
0 reactions

How do we give component name in layer manager?

WARNING READ and FOLLOW next 5 steps, then REMOVE them before posting the issueFollow CONTRIBUTING Guidelines https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.mdUse the GitHub Issues EXCLUSIVELY for BUGS, FEATURE REQUESTS or QUESTIONS. Prefix the title of the issue with its context, eg. [Bug]: ....Do a quick...

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.

#1675December 20, 2018by SeongwoonHong3 answers
0 reactions

[Question] How to make 'Settings' has 'title', 'href' ,'title' manually?

Hi Artur, Usually, 'Settings' has 'Id' and 'Title'. However, when you click any text that has become link, 'Settings' now has 'title', 'href' and 'title'. How do i make this happen manually below...? (I'm trying to change 'Settings' the moment you click link in RTE) Thank you so much Artur

artf

https://grapesjs.com/docs/modules/Traits.html

SeongwoonHong

@artf Hi Artur, I've read it but what i'm trying to achieve is to open up (programatically) settings that is already defined . I'm not trying to add or modify anything.. I'm not sure how the information in the link comes in play in this ca...

SeongwoonHong

@artf I want that action happens when I click 'link' button in the built in RTE.. for webpage preset demo site, when you change text to link, you need to lose focus and re-click the text in order to see href under 'Settings'. But I want to...

#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

#1673December 20, 2018by sarindaSenevirathne3 answers
0 reactions

[Issue] Grapesjs not working when use with mobile devices(iphone,ipad)

First, thank you for creating this awesome framework @artf. I integrated this framework with my project and i want it to be used through mobile devices. Basically i use this to create themes. When i use a iphone/ipad to access my website and use this, its not responding. I can edit text in buttons, placeholders of inp...

artf

Hi @sarindaSenevirathne you have to use this plugin to make it work properly on mobile devices https://github.com/artf/grapesjs-touch

sarindaSenevirathne

Thank you @artf for your reply. I tried that but not working in our situation . As shown in this figure we want the user to change an already uploaded image. But when i try from a mobile device the popup doesnt pop. Please can u point me 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.