GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Firefox 93.0, Chrome 94.0.4606.71 Reproducible demo link https://github.com/Tribe-Mobile/grapesjs-blocks Describe the bug How to reproduce the bug?Run git repo, no blocks displayedswitch to version 0.16.27 nd run again Wha...
paooolino
see here #3835
GJSBlock
Thanks for reporting this, @sduncan-tribe. Great question about blocks not working after upgrading from 0.16.27 to 0.17.27. The recommended approach with GrapesJS is to use the event-driven API. Start here: Check the GrapesJS documentation...
GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? FirefoxReproducible demo link https://grapesjs.com/demo.htmlDescribe the bug How to reproduce the bug? You need to click very fast from one component to another component on the canvas and you will receive a js error "too mu...
arthuralmeidap
hello @flowize-project ! hope you are good! In your issue you have posted GrapesJS demo link as reproducible link but the video was recorded with a custom grapesjs installation. Could you try to record a video and reproduce the issue with...
GJSBlock
Thanks for reporting this, @flowize-project. Great question about Firefox issue when the user clicks on different component very fast. The recommended approach with Canvas is to use the event-driven API. Start here: Check the GrapesJS docu...
GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Chrome 93Reproducible demo link https://codepen.io/paooolino/pen/WNOPgJyDescribe the bug How to reproduce the bug? This is quite simple because I was using Grapes v.0.16.xx and it worked until I upgraded to the latest releas...
paooolino
I verified it is since v0.17.25 v0.17.22 >>> working v0.17.25 >>> not working
artf
Thanks Paolo, that will be fixed in the next release. The problem is with the default StyleManager opener command, which moves the rendered part, from your container, to the default one. You can verify that by disabling the default button...
paooolino
thankyou for the release. And sorry for reopening :-) but now the StyleManager appendTo is working, while the blockManager appendTo appears to be broken. Same problem with the previous StyleManager. I verified it was working in previous v....
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome Reproducible demo link Not there Describe the bug How to reproduce the bug? Install the grapes js in react app Go to the editor and drag a component. ( Example : text component) Style the component using the style m...
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome Reproducible demo link https:// Describe the bug If the width of the text component is not very long, the elements on ckeditor will wrap and block the text below But when you click on the lower part of the component...
ronaldohoch
Hello! We used this trick to solve the problem for a while: subscribe to the event rte:enable and trigger the canvasScroll. With this, the grapes will recalculate the position.
mingxin-yang
@ronaldohoch Thank you, this code work to me
mingxin-yang
bugs will also be implemented on this website. https://grapesjs.com/demo-mjml.html The toolbar in the upper right corner will also be covered @artf
GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? 92.0.4515.131 (Official Build) (64-bit)Reproducible demo link N/ADescribe the bug How to reproduce the bug?Insert HTML into canvas using the editor.Canvas.getBody().ownerDocument.execCommand('insertHTML', false, HTMLString)...
artf
the getHtml has nothing to do with the DOM of the canvas... Read carefully the documentation https://grapesjs.com/docs/modules/Components.html and try to understand the difference between the model and the view of the component.
mihir-khandekar
@artf thanks for the prompt response, what is the right way of doing this then? My requirement is: I want to add a component at the current cursor position. How can I then get it to be part of the editor.getHtml() method?
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? chrome new version Reproducible demo link https://codesandbox.io/s/react-redux-toolkit-application-forked-l5rhp?file=/src/pages/Editor.js Describe the bug How to reproduce the bug?Drag and drop the video to canvas area fro...
throne1986
@artf can you please help me with this?
artf
The issue is here You can also remove that global listener and update the video Block with activate: true, way more cleaner.
throne1986
> The issue is here> > > > > > > > > > > > > You can also remove that global listener and update the video Block with activate: true, way more cleaner.Hi @artf changing as u suggested but still when I drag the video block and select a vide...
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Version 93.0.4577.82 (Official Build) (64-bit) Reproducible demo link https://grapesjs.com/demo.html Describe the bug How to reproduce the bug?... In the official demo, delete everything / start with Body Only in the layer...
mattnoth
I didn't noticed that you had closed my previous issue -- with the weird use case. Do you have any suggestions for a work around here? I've been using the updateRte event listener, putting the RTE inside the canvas dynamically is proving a...
artf
@mattnoth I already replied to your discussion here, please avoid opening the same issue again.
GJSBlock
Thanks for reporting this, @mattnoth. Great question about RTE Overlapping text In Basic Text Component when Width & Height are 100% of Canvas. The recommended approach with ProseMirror is to use the event-driven API. Start here: Check the...
GrapesJS version please help - this may have been solved somewhere but i looked through the issues and found none - there is a doc reference to moving the positioning of the RTE but im not sure where in the init it should go --> what does 'rteToolbarPosUpdate` and pos mean? i just want the RTE to go to the bottom of t...
artf
Not a bug, just a weird use case.
mingxin-yang
@artf I want to change the position of rteToolbar, but pos does not have the parameters mentioned in the document
GJSBlock
Thanks for reporting this, @mattnoth. Great question about RTE overlapping text when text component set to 100% height. The recommended approach with ProseMirror is to use the event-driven API. Start here: Check the GrapesJS documentation...
GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? latest (chrome)Reproducible demo link https://jsfiddle.net/4j1k0wde/24/Describe the bug How to reproduce the bug?create block with a script tag inside.use editor.getSelected.toHTML() to grab the block's markup (so user can e...
artf
You have to use allowScripts And I see no issues with encoding (use the real inspector, not the jsfiddle beta console, which probably has a bug).
stljeff1
Thank you!
GJSBlock
Thanks for reporting this, @stljeff1. Great question about editor.getSelected().toHTML() encodes inline javascript. The recommended approach with Components is to use the event-driven API. Start here: Check the GrapesJS documentation for y...