GrapesJS Issues

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

3464 issues found

#2419November 20, 2019by MartinPutz3 answers
1 reactions

[BUG] Absolute dragmode does not work on touch devices

Absolute dragmode (with grapesjs touch plugin) does not work on touch devices. GrapesJS version:0.15.8 Expected behavior: The user should be able to move components using drag and drop on touch screens as well. Current behavior: The user can drag and drop a block just fine. If the user wants to move the dropped compon...

wfcheng

This may or may not be related. I noticed with grapejs v0.16.34 on OSX Safari, the event argument inside onStart() function in src/commands/view/ComponentDrag.js is undefined when I drag a block onto the canvas, which can be reproduced wit...

pradeeshattlee

Hey @MartinPutz The asset manager doesn't pop up on the iPad, desktop on touch devices- chrome, firefox, and safari. And the editor canvas scroll doesn't work on the iPhone. What am I missing? Thanks in advance.

MartinPutz

Hey @pradeeshattlee This issue is not really related to the asset manager, but moving the components around, once they are rendered. I rarely use the asset manager, but as I recall it was working just fine on iPad as well. If I were you I...

#2418November 17, 2019by frankpagan1 answer
0 reactions

Is there an api or function to insert a value in a data-attribute in the canvas?

Hey Grapes Community! I created a custom trait select field that fetches options from our db for <a> components... when <a>(link) is clicked in canvas, component settings displays and our select field is rendered... I am looking for a solution to pass the selected value from our custom select field to the canvas. And...

artf

Hi @CoCreator-Frank I think the Trait docs page has already the answer to your questions (especially when we explain how to define a custom one). Here, for example, when you change the slider the value is passed to the component via onEven...

#2417November 16, 2019by Lakshit-Singhal3 answers
0 reactions

API in Component not working after Deployment

Block.js => Component.js => We are able to call the API and it works in Deployment when we are passing the whole html with script, body, style in Content attribute of Block Manager But when the API is called through the Component it's not working when the page loads in deployment. It only works when i drop it on the e...

artf

It only works when i drop it on the editor and not when it loads as a deployed url If you load stuff from some kind of storage (eg. DB) in your "deployed url", be sure to have a correct remote setup

Lakshit-Singhal

@artf I understand your concern but in the deployed version API calls inside blockmanager content are working only the component api's are not getting called. So is it a problem with remote setup or something else ? KIndly help me regardin...

artf

So is it a problem with remote setup or something else ? Yeah, as you described it might be an incorrect storage setup (check also errors/warning in console)

#2416November 15, 2019by ayodele22423 answers
2 reactions

Unable to display template from database to grapesjs

Able to fetch my remote HTML file using load URL and getting status ok, how can I load this fetched HTML AND CSS into editor? currently I'm getting blank screen inside editor. What I tried so far: How can I pass the JSON into grapesjs to make it render the HTML and CSS?

ayodele2242

@pouyamiralayi Yes. Please check my updated question.

pouyamiralayi

@ayodele2242 i guess the structure of your response is not correct; what you are sending: the correct structure is this. please forgive me if i am wrong, i'm not an expert on php. cheers.

pouyamiralayi

@ayodele2242 do you include `gjs-components` in your response? i can not see that in above code. also make sure to not fall into db field type mistake. cheers!

#2415November 15, 2019by sdrebel2 answers
1 reactions

Editor is not defined: When I import grapejsjs in react

Hi @artf , I'm importing grapesjs in React and getting the error editor not defined when we add dragMode in the configuration. I'm not getting this issue when I downloaded the package from dev version. Version is 0.15.8 If set using window.editor it works, but is there any alternative way or fix?

artf

I'm not getting this issue when I downloaded the package from dev version. The issue with the not defined editor is fixed in dev and will be released in the next versionIf set using window.editor it works, but is there any alternative way...

pouyamiralayi

Hi @sdrebel this project is a good reference on how to use grapesjs inside react. cheers!

#2414November 15, 2019by thieuanh1995hn3 answers
2 reactions

Your document like shit just override it!

https://grapesjs.com/docs/getting-started.html#style-managerHard to look.Hard to copy paste.Quite hard to get it

artf

Indeed I'm asking for help

artf

The help is welcome 👍

thieuanh1995hn

Find a newbie to read all your document and ask him . It's very suck. May be you can not reach it just because you created it .

#2412November 14, 2019by Ramkumar-Murugesan1 answer
0 reactions

[bug]: grapesjs-preset-webpage form css is not working in chrome

I installed the grapesjs-preset-webpage using its npm. when I drag and drop the form its CSS is not working. In the above screenshot. the css is not working exactly that what we have in grapesjs webpage. my grapesjs code

artf

CSS is not included in this case, if you want you can copy the one you see in the demo here

#2411November 14, 2019by senchdenNo answers
0 reactions

[Bug]: Link target does not propagate to model

Expected behaviour: When changing existing link with target = "blank" to target ="", the change propagates to html. Actual behaviour: When changing existing link with target = "blank" to target ="", the change does not propagate to html. Steps to reproduce:Save a page with link with target "New window" ("_blank").Clos...