Version: Latest You can get the version by typing grapesjs.version into the console Are you able to reproduce the bug from the demo?[X] Yes[ ] No What is the expected behavior? Component with empty body should not be populated with default content. What is the current behavior? When we create an empty node and pass it...
artf
You have defined the default content in the component definition, so, an empty one will use that as default. Just move that content from component definition to the paragraph block.
harsh201
@artf Any help here?
harsh201
Thanks @artf! Completely forgot about adding at block level.
Hello, I'm using grapesjs 0.16.44 and only in firefox I'm faceing this issue. Using grapesjs block basic preset. Anyone can help me? Thank you a lot!
artf
try to place your code inside
devtechk
Problem "solved" removing : looking for a better solution to make active the block panel af first I've also noticed other conflict like with my custom modals and modal from export plugin (clicking export plugin was fire my custom modal on...
GJSBlock
Thanks for reporting this, @devtechk. The issue with Uncaught TypeError: can't access property "el", n is undefined appears to be a race condition or state management timing problem. This typically happens when component lifecycle events a...
Hi all I want to import the zip file from the file previously exported by grapesjs. Can you help me ?
artf
This is has nothing to do with the core library. You can make your own plugin if you need it
Sunsiha
hi @maivanchuong95 have you figured any solution?
GJSBlock
Thanks for reporting this, @maivanchuong95. Great question about FEAT: Import template from file zip this export. The recommended approach with ProseMirror is to use the event-driven API. Start here: Check the GrapesJS documentation for yo...
Hey, I know it got explained, how to use this but I didn't understand... How do I use this?
FreshImmuc
:/
GJSBlock
Thanks for reporting this, @FreshImmuc. Great question about How. The recommended approach with GrapesJS is to use the event-driven API. Start here: Check the GrapesJS documentation for your specific module Look for the on() event listener...
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
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!
That method takes the JS used in your components. So, if you don't have components with JS it'll be empty
GJSBlock
Thanks for reporting this, @NagarRahul. Great question about FEAT: I am trying to get js using getJs() method but i am getting null value. How I can get js?. The recommended approach with GrapesJS is to use the event-driven API. Start here...
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
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
GJSBlock
Thanks for reporting this, @RutujaBadbe. The error ReferenceError: $ is not defined occurs when Canvas attempts to access properties before the component lifecycle is fully initialized. This is a common race condition in GrapesJS. Immediat...
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.