GrapesJS Issues

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

1,399 issues found

🔍 outdated
#426Oct 16, 2017by mekamleshk3 answers
0 reactions

After image Upload immediately show in the asset Manager

@ artf I tried my best, but still it doesn't seem to work Can you please help me in this. Once I upload a image I don't want to refresh the page because I will loose the newsletter template I have created. Is there any way I get load the images into the asset manager immediately after the images are uploaded. Would ap...

artf

??? we're already talking about this here and YOU even said that you were able to do so, so... what is the point of opening another issue?!?

mekamleshk

Hi @artf , I was able to only upload and delete files from the server, it was not adding images directly to the asset manager. I rechecked all the asset manager issues and found what I was doing wrong, now it works fine. Thanks alot :) :+1:

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.

#425Oct 16, 2017by umeshsingh1313 answers
0 reactions

How to render external js file in our custom plugins

Hello, I am creating a slider plugins but its not working. because. I am not able to find how i can add or use external scripts and css files in our plugins? Can you please help me here.

artf

https://github.com/artf/grapesjs/wiki/Components-&-JS

umeshsingh131

I used this but this is not working. Can you send me an example regarding this. In which plugin used some custom javascript function and used external javascript file regarding that plugins

artf

I used this but this is not working Provide a live example (using services like jsfiddle/codesandbox) of what you've done so we can see what is not working

#424Oct 16, 2017by aryeharmon3 answers
0 reactions

Custom competent <template> missing inner html when creating a block with it

you gave me a fix in #244 but this is no longer working

artf

Hey @aryeharmon I just used this in the demo (try it by yourself in console) and importing <div><template><div>SOME TEXT</div></template></div> works just as expected.

aryeharmon

OK so i see what the issue is, apparently when i add: to html the existing elements on page do not take effect. only newly added dom elements. for example i already have a template tag on page when load, i will not get the properties. but...

aryeharmon

btw, the editor.render(); is after the register of domc.addType

#423Oct 16, 2017by JFOC2 answers
0 reactions

Highlighting the component

Hi, Any idea how to highlight the component in the container when hover in the layer manager ? I think this is like reverse of click component in the container then highlight the component in the layer manager. Thank you

artf

Currently, it's not so easy to achieve but definitely, it'd be cool to add and have some kind of API for this behaviour. Thanks for the suggestion

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.

#421Oct 14, 2017by edsonmartins2 answers
0 reactions

Language

I would like to know if the framework has the option to change language. Otherwise, how can I do this? Any suggestion? Edson Martins Brasil

artf

No @edsonmartins you have to set them manually via configurations (more about it #26 )

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.

#420Oct 13, 2017by momu-smartcoach3 answers
0 reactions

Problems at the beginning of reading souce code

I'm reading the source code from grapesjs,but i can't find the module cash-dom and underscore import $ from 'cash-dom'; import { defaults } from 'underscore'; anyone can help me? I'm a beginner,thank you!

momu-smartcoach

i'm try to replace ‘dist/grapes.min.js’ with 'src/index.js' in the dev demo, But it failed,anyone can tell me how to use the souce code,thank you!

artf

Sorry @momu-smartcoach but before diving in grapesjs's code I'd recommend to start with something more basic, check some of these: https://github.com/mbeaudru/modern-js-cheatsheet https://github.com/getify/You-Dont-Know-JS https://docs.npm...

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.

#419Oct 13, 2017by sanjeevSavitr2 answers
0 reactions

Adding New Elements in commands

commands:{ { id: 'submenuitem', run: function(editor, senderBtn){ const comp = editor.getSelected(); comp.view.el.querySelector('[data-js=submenu_container]').innerHTML += '<a class="navbar-menu-link">Sub Menu Item</a>'; }, }, } This can add Sub Menu Item to the container. But I am unable to select it. I tried with Ap...

artf

Read more about how components work You have to add components via model (eg. model.get('components').add('<div>...</div>')) if you want them to be selectable (you can't select elements without models). Like you did, it's just a static con...

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.

#418Oct 13, 2017by justvinz2 answers
0 reactions

Can't replace image if it's inside a link

Hi, If import this code inside the editor: And double click the image to change it, when I choose a new image from the modal, nothing happens.

artf

Ok, probably I have to set the Link Component not editable if children nodes are not texts. At the moment, you have to set it explicitly

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.

#417Oct 13, 2017by HarshOB3 answers
2 reactions

Add Setting button to custom component.

Hello, How can I create a setting or you can say edit button for my custom component? LIke 4th option on this image:

ateshuseyin

The above link I referenced before is only for adding button to toolbar. I think you should just follow below steps to complete your task;Create/Implement a editor according to your needs. grapesjs-aviary uses aviary editor (see)Define a c...

ateshuseyin

Hi @HarshOB, It is simple as image does https://github.com/artf/grapesjs/blob/dev/src/dom_components/model/ComponentImage.js#L32

HarshOB

Hello @ateshuseyin I don't want the same editor as an image I want to build my own. I just want to add that icon to my component and when I click on that icon I want to display area through the user can add text, image, HTML code etc and t...

#416Oct 13, 2017by 2uncle-code3 answers
1 reactions

Image upload with cross Origin issue

I have checked all the issues history,but didin't find a way out. i changed here to allow fetch to cross origin access. my asset manager is fine and here is my php code also file uploaded successed but it shows me those errors and this is my console log

2uncle-code

hey,guys sorry to reply this late.I got another project of our company need to update in hurry last week.Anyway,the solution you guys provided works fine after i moved the files in same domain.But if you guys have time please take a look a...

mekamleshk

Hi @vtista The response from your php code should be like this : [{"type":"image","src":"localhost/test/img/wechat.jpg","height":"350","weight":"250"}], Trying removing the slashes like this : echo jsonencode($response,JSONUNESCAPED_SLASHE...

2uncle-code

@mekamleshk Thanks a lot,i just did as you said,but the issue was still there do you have any idea? :)

Browse all topics