GrapesJS Issues

3,464 parsed GitHub issues β€” 370 solved Β· 90 open. Search, filter and explore battle-tested answers.

1,399 issues found

πŸ” outdated
#1675Dec 20, 2018by SeongwoonHong3 answers
0 reactions

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

#1674Dec 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

#1673Dec 20, 2018by sarindaSenevirathne3 answers
0 reactions

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.

#1672Dec 20, 2018by TanSY993 answers
2 reactions

Item drop duplicates after opening Layers Panel.

Hi i'm a novice posting an issue for the first time. Please let me know if you need any more information for the query. grapesjs version:0.14.48 Steps to reproduce: 1.Open the site click on the layers button 2.Return to the blocks button and drag and drop any block into the field. tested on:https://grapesjs.com/demo.h...

narendravaghela

@artf After upgrading to 0.14.48, it is throwing an error while loading data from remote source as well dragging new elements on canvas. And,

artf

https://github.com/artf/grapesjs/releases/tag/v0.14.49

artf

Ok thanks guys, I'll publish soon a new release with this hotfix

#1671Dec 19, 2018by SeongwoonHong2 answers
0 reactions

Adding html once canvas is cleared.

Hey Artur I'd like to add some default html code when users click clear button. for instance 1 section by default. for clear command, i'm doing what should i do after this..? Thank you

artf

editor.setComponents(<section>...</section>) Use the API Reference

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.

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

#1669Dec 18, 2018by SeongwoonHong3 answers
0 reactions

Custom link modal doesn't update the current text but add another text with link

Hello Artur, I'm trying to have a custom modal when clicked link button in RTE. but it doesn't convert selected text to link but what it does is it adds another text with link. Thank you..

SeongwoonHong

I'd like to add one more, inside onclick handler for btnLink, <a class="link" href="${inputEl.value}">${rte.selection()}</a> returns <a class="link" href="..."></a> the inner text is empty.. i have no idea how to approach this

artf

Change this: rte.insertHTML('<a class="link" href="${inputEl.value}">${rte.selection()}</a>'); to rte.insertHTML(linkInputEl.value);rte.selection() will be empty because the focus is lost, learn how to store the selection (eg. https://stac...

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.

#1668Dec 18, 2018by SeongwoonHong1 answer
0 reactions

How to keep focus for modal?

I've created my own modal for creating a link. but the modal doesn't know what is selected as the moment modal is opened and type in the input field in the modal i created, it loses focus from the editor.. is there any workaround..? Can you provide me an example of doing this..?

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.

#1667Dec 18, 2018by arachnosoft2 answers
2 reactions

Fullscreen: "exitFullscreen" leads to "Document not active" JS error in Chrome 71

Hi @artf , Thanks for all your work with grapesjs. I've been integrating your editor for a few months now, and I've just discovered that using the Fullscreen button in Chrome 71 leads to a "Document not active" error in the JavaScript console: grapes.min.js?v0.14.43:3 Uncaught (in promise) TypeError: Document not acti...

artf

Thanks @arachnosoft for the report, seems to be a new kind of error throw from the new Chrome 71. I'll fix it in the next release

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.

#1666Dec 17, 2018by SeongwoonHong2 answers
0 reactions

Newsletter preset doesn't support custom-code plugin..?

Hi Artur, I'm wondering if newsletter preset supports custom-code plugin. I've been using webpage preset before and custom-code plugin was working but since i moved to newsletter, custom-code plugin stopped working.. if it doesn't, how do i replicate the functionality..? Could you provide me with piece of code example...

artf

@SeongwoonHong this has nothing to do with the core of grapesjs, open this issue in the newsletter preset and provide a live example of your issue

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.

Browse all topics