GrapesJS Issues

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

829 issues found

๐Ÿ” question
#1693December 30, 2018by renepardon3 answers
0 reactions

[BUG|/QUESTION] Strange characters (ร‚) within CSS/HTML preview; Elements are not deleted completely

BUGAre you using the latest release (older versions are NOT supported)?0.14.50Are you facing the bug with your local copy of GrapesJS or with the current demo? It's a local copy. The used verions (including plugins) are: I'm working on MacOS and tested with latest Chrome: 70.0.3538.110 (Offizieller Build) (64-Bit)What...

artf

All elements were deleted but there is still an empty div-container in the viewport You don't explain steps to reproduce this issue, but please check in Layers first. I'm pretty much sure you don't delete some kind of wrapper, which has no...

renepardon

Hi @artf even with the provided link https://gist.github.com/renepardon/91db8b10a1dea1f8d0d855af945c89a8 you were not able to reproduce it?

artf

I can't reproduce it due to missing resources (and as I said, it's probably a problem with your files...)

#1688December 27, 2018by vitanshu2 answers
0 reactions

on set model content property image and text written in content is not editable in grapejs canvas.

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

vitanshu

this issue is valid.

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.

#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

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

#1671December 19, 2018by SeongwoonHong2 answers
0 reactions

[Question] 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.

#1669December 18, 2018by SeongwoonHong3 answers
0 reactions

[Question] 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.

#1668December 18, 2018by SeongwoonHong1 answer
0 reactions

[Question] 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.

#1659December 14, 2018by YohanGuerin2 answers
1 reactions

[Question] How to upload PDF and others files - GrapesJS

Hi @artf, I started using your web builder a few days ago and I found it very well done ! I was able to customize it in my own way but I have one question / problem. I want to know if there is a possibility to upload any file like PDF or others ? I used AssetManager to upload some images but I don't find any way to do...

artf

You can create your custom asset types https://grapesjs.com/docs/modules/Assets.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.