I am facing some problem when try to save some components which includes some scripts and reload the page the components are not rendered properly. It's showing empty boxes. Example: When i try to save a chart component from jvas28/grapesjs-echarts and reload the page i am getting this <img width="1438" alt="Screen Sh...
shkhalid
Thanks @artf! Finally i was able to figure it out The problems was in tagVarStart and tagVarEnd. After commenting it out it starts working
artf
Hey @shkhalid thanks for the report, but on this repository, you should open reproducible issues without external plugins as it might be an issue with the plugin itself. At least for what I can tell about the core, I see no issues in Compo...
GJSBlock
Thanks for reporting this, @shkhalid. Great question about Stored components with script can not be rendered properly. The recommended approach with Components is to use the event-driven API. Start here: Check the GrapesJS documentation fo...
GrapesJs is the best page builder! :heart: Sorry, i am new to GrapesJs. Can I add support for vue components?
GJSBlock
Thanks for reporting this, @denisoed. Great suggestion about is it possible to set up the rendering of Vue components?! While this specific feature isn't yet in the core API, there are several ways to achieve similar behavior. Using the ev...
grapesjs version v0.16.45, i try to use the countdown plugin (https://github.com/artf/grapesjs-component-countdown),Everything is running well, when I delete the entire component via toolbar,the html and components are removed,but style and css still in localstorage. What puzzles me is that the entire component is del...
GJSBlock
Thanks for reporting this, @momu-2016. Thanks for sharing your report about css in block can not be removed when block has been removed. To help the team investigate and prioritize this: Please provide: A minimal reproducible example (Code...
I am using [grapesjs library][1] for building web pages, I have added a custom block as per docs [here][1] when I drag the block to canvas HTML data is added but <head></head> tag is empty, Here is my code function tempOnePlugin(editor) { editor.BlockManager.add('my-first-block', { label: '<i class="fa fa-clone"></i>'...
GJSBlock
Thanks for reporting this, @throne1986. Great question about HTML head tags not added to the dom. The recommended approach with ProseMirror is to use the event-driven API. Start here: Check the GrapesJS documentation for your specific modu...
Hi! I'm using grapesJs for e-mail editing in a project in my company, with Newsletter plugin. Everithing works very well, except for this bug i can't solve: Sometimes, when I drag blocks inside the canvas, the cell hover gets scrambled. The biggest problem is that this behavior is completely random, it can happen or n...
artf
Are you using the latest version?
diegoSenra
Using minified 0.10.7
artf
Sorry mate, it's a 4-year-old release, can't help you here. Did you try to update?
@artf Here is my code , I am adding test in a div on select change init() { this.listenTo(this, "change:noOfLinks", this.getInfoLinks); }, getInfoLinks() { let canvasDoc = editor.Canvas.getDocument(); canvasDoc.getElementById("infoLinks").innerHTML = " test text "; editor.trigger("change:selectedComponent"); editor.Tr...
GJSBlock
Thanks for reporting this, @codingmachine16. Great question about Question: Dynamic Changes vanish when load from DB. The recommended approach with Canvas is to use the event-driven API. Start here: Check the GrapesJS documentation for you...
Version: You can get the version by typing grapesjs.version into the console 0.17.22 Are you able to reproduce the bug from the demo?[x] Yes[ ] No What is the expected behavior? Should be able to see the web component in similar fashion as it is outside the grapesJS container Describe the bug detailed Grapesjs not abl...
artf
This issue is due to how AdoptStylesheet works and it's similar to this one from lit-element. Basically, you can't share the same CSSStyleSheet across multiple documents, so you have to recreate it manually, here below is a code for custom...
vasicvuk
Is there any solution for using lit-element components 3.X with grapesJS?
GJSBlock
Thanks for reporting this, @GaikwadShubham. The issue with AdoptStylesheet not supported in grapesJS appears to be a race condition or state management timing problem. This typically happens when component lifecycle events and DOM modifica...
I have a basic example as follow HTML <div id="gjs"> <div class="traits-container"></div> <div style="padding: 25px">Hello World!!!</div> </div> <h1> Append trait manager </h1> <div class="traits-container"></div> Js const editor = grapesjs.init({ container: '#gjs', fromElement: true, height: '100%', storageManager: f...
GJSBlock
Thanks for reporting this, @throne1986. Great question about appendTo not working with trait manager. The recommended approach with StyleManager is to use the event-driven API. Start here: Check the GrapesJS documentation for your specific...
I read this document https://grapesjs.com/docs/modules/Components.html#define-custom-component-type and tried to write the following code. I want to make mj-body impossible to delete: But I don't see the effect, please help me
artf
Do this isComponent: el => (el.tagName || '').toLowerCase() === 'mj-body',
GJSBlock
Thanks for reporting this, @mingxin-yang. Great question about How to customize a component. The recommended approach with StyleManager is to use the event-driven API. Start here: Check the GrapesJS documentation for your specific module L...
Version: 0.17.22 Are you able to reproduce the bug from the demo?[ ] Yes[X] No I can't reproduce it in a demo however you can see it for yourself if log into Documint using the following credentials:Email: [email protected]: demo then make a change to the template and try using ctrl+z What is the expected behavior? S...
Joshmamroud
You were right, it wasn't React or GrapesJS. Event propagation was being stopped by the rc-drawer component I was using. @artf thanks for your help, this has been an issue from day one.
artf
Hey @Joshmamroud we have this code that propagates keydown keyup keypress events to the parent document, this allows keymaps to work, ensure to not contain any code/component which prevents the propagation of those events.
Joshmamroud
Hey @artf, I believe it may be blocked by React. Any suggestions on how to re-bind these event listeners? Not even sure if that is the right solution or path.