#3348March 18, 2021by FreshImmuc1 answer
0 reactions
How
Hey, I know it got explained, how to use this but I didn't understand... How do I use this?
FreshImmuc
:/
GrapesJS Issues
Search parsed GitHub issues, see highlighted answers, and open the original discussion when needed.
3464 issues found
#3347March 18, 2021by xinnai3 answers
0 reactions
How can I get Uncompressed JS code for me to edit?
Hi, thank you for reviewing my problem. I want to use my own JSEditor to edit html、css and js. 1、First, I use getHtml, getCss, getJs to display the code in my JSEditor. And I found that the JS code is compressed. How can I get an Uncompressed code? I use editor.CodeManager.getCode(model, 'js') and it's also a compress...
artf
The script used by components with JS relies on the same code from your source. For example, if you create a plugin and then build it with webpack/babel, then the component will print the result from build. I guess you could create separat...
xinnai
@artf Hi, I'm not sure if you understand my question. I want to edit the js code in my own js editor, first I set the js code from your editor using getJs(), but it looks like this in your demo.html: These code are all compressed. I want a...
artf
autoBeautify is an option passed to CodeMirror but in any case, it might beautify the code but it won't uncompress it as the code itself is stored like that in the component
#3346March 18, 2021by xinnai3 answers
0 reactions
Can I develop my own stylemanager and bind the properties conveniently?
I want to build my own stylemanager useing some UI framework like Element-UI to make a beauty UI quickly. But how can I bind the properties to a selected component? I didn't see any API like setProperties to an element... . Can you help how to do that, thank you very much!!!
RutujaBadbe
#2296 This might help you!
artf
I guess something like this should work, if you need to create the Style Manager from scratch
xinnai
@artf That is totally what I need! Thank you very much!
#3345March 17, 2021by joshk1323 answers
0 reactions
Panels and Buttons section of getting started not working with Vue.js
I am working to get grapejs to work with Vue.js and am having no luck, I am following the getting started however I am unable to get it to work properly. So far I have added it to the mounted() section and have gotten some buttons with blocks to show up and add in however I have had no luck getting the Panels and Butt...
uchoaaa
Take a look at this issue, maybe helps: https://github.com/artf/grapesjs/issues/275
artf
Hi @joshk132 honestly the code looks good, are you able to create a reproducible demo (on something like Codesandbox)?
joshk132
@artf I've gotten it working where the panels show up however it now doesn't display right. The solution I had to do was change to use the below code. Pretty much I had to have "editor" as a variable which I had removed in my initial code...
#3344March 17, 2021by NagarRahul2 answers
0 reactions
FEAT: I am trying to get js using getJs() method but i am getting null value. How I can get js?
NagarRahul
@artf
artf
That method takes the JS used in your components. So, if you don't have components with JS it'll be empty
#3343March 17, 2021by neilkyoung3 answers
0 reactions
BUG: Illegal Invocation error when using keepEmptyTextNodes
Version: 0.16.44 Are you able to reproduce the bug from the demo?[x] Yes[ ] No Set editor.Parser.getConfig().keepEmptyTextNodes = true; in the console and then attempt to drag a form into a 2 column plugin. What is the expected behavior? Describe the bug detailed From my observation a keepEmptyTextNodes will throw an...
artf
Well, yeah makes sense, probably we should take the first "valid" element (the one which actually supports matches). But I'm also curious to know your case for the use of keepEmptyTextNodes. A few days ago I was actually thinking about rem...
neilkyoung
@artf A system we use for web page authoring implements this. Although we have now managed to convince them to disable this thanks to your comment above :-D
artf
Great, I'll close this then. Let me know in case there is something wrong/different with that change on your side
#3342March 17, 2021by RutujaBadbe1 answer
0 reactions
jQuery not working for script in component
Hi! I have tried adding jquery in canvas as well as in index.html I am adding it in canvas like this- canvas = editor.Canvas; const script1 = document.createElement('script'); script1.src = 'https://code.jquery.com/jquery-3.6.0.min.js'; canvas.getDocument().head.appendChild(script1); and in html page I have added it a...
artf
Here you can see how to load dependencies properly https://grapesjs.com/docs/modules/Components-js.html#template-related
#3341March 15, 2021by HeyWrecker3 answers
2 reactions
Question: Social Media Group - Facebook
Hello, Is the Facebook social media component intended to be used to provide a Facebook link to a business or organizations Facebook page or is it exclusively designed to share something specific to your timeline? It appears to be the latter, even though that seems counter-intuitive to me since many emails simply prov...
artf
I guess you're looking for this https://github.com/artf/grapesjs-mjml
HeyWrecker
Ah, my mistake, then, thank you!
HeyWrecker
As a follow-up, I have confirmed that the Instagram social component does link to the IG profile page. Whereas the Facebook option does not link to the Facebook page.
#3340March 15, 2021by xinnai2 answers
1 reactions
gjs-cv-tools in a wrong position when I put grapesjs in a splitpanes
Hi, Thank you for your work. I get a problem. I want to make a codepen-like view and want to make the grapesjs view to be dragable up and down. But when I drag it the tools go to the wrong position and also the hover highlight elements's position is wrong.I tried splitjs and other split open source code and always got...
Ju99ernaut
You can try running editor.refresh()
xinnai
@Ju99ernaut Thank you very much, you save my day!
#3339March 14, 2021by Nigus2 answers
0 reactions
Question: How to add different aspect ratios to mobile devices in the device manager.
We are working on a cms system that uses grapes js. We came up with a condition where we couldn't add aspect ratio in the "mediaCondition" by keeping the orientation. Our design editor has a portrait and landscape design modes with 16:9 ratio. But we would like to add more aspect ratios like, 18:9, 19:9 and 19.5:9, so...
artf
Sorry, can you illustrate better what do you need? What is the final CSS you'd expect from the editor
no-response[bot]
This issue has been automatically closed because there has been no response to our request for more information from the original author. With only the information that is currently in the issue, we don't have enough information to take ac...