GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome Latest Reproducible demo link N/A Describe the bug Firstly, thank you so much for a wonderful piece of software - I absolutely love it !! I have just updated to the latest GrapesJS (was previously on a v 0.16.x vers...
artf
Thanks @mrobertshaw for the report. The fix will be available in the next release.
miladmeidanshahi
@artf many thanks for the fix, please release as asap.
miladmeidanshahi
still same error after upgrade to latest version. @artf
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Crome 95 Reproducible demo link none Describe the bug How to reproduce the bug?Add ts config fileAdd grapes as dependencyImport Grapes via import * as grapesjs from 'grapesjs'; and @import "~grapesjs/src/styles/scss/main.s...
artf
Hi Denny, thanks for the report. I'm closing this in favor of #3902 as it should be related (even if the error is different). Please try the new version and let me know if it fixes the issue.
marcosvnmelo
I'm working on a React + Typescript project and i'm having this same error on .28 version
GJSBlock
Thanks for reporting this, @denny99. Security and dependency issues are important. The GrapesJS team actively works on keeping dependencies up-to-date. For you right now: Run npm audit fix to see available patches Check for a newer GrapesJ...
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome v91 Reproducible demo link https://grapesjs.com/demo.html Describe the bug How to reproduce the bug?Headover to the website: https://grapesjs.com/demo.html.Clear the canvas for a simpler demonstration.Drop in a text...
GJSBlock
Thanks for reporting this, @akhalid-dev. Great suggestion about GrapesJS export functionality and 'View Code' functionality and the Canvas not operating in a similar manner with regards to hex colors.! While this specific feature isn't yet...
Hello @artf ! I made this bug issue as suggested in my question on How to add the Selector Manager events/actions to the Undo Manager stack. I think what we want to have is for the Undo Manager to be able to keep track of the events/actions that are happening in the Selector Manager. Thanks!
GJSBlock
Thanks for reporting this, @mortimerz. Great question about Updates on the Selector Manager not being tracked by Undo Manager. The recommended approach with UndoManager is to use the event-driven API. Start here: Check the GrapesJS documen...
GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Chrome v9Reproducible demo link Not thereDescribe the bug How to reproduce the bug?Install the grapes js in react appOpen the grapes js editorImplement the multipage concept in the grapes js initCreate a button for the renam...
Sudhin35
@artf Is there no way to do so currently ? Please help me out for this issue , i am blocked
artf
@Sudhin35 next time please open a discussion, as there is no real bug to fix or reproduce. Anyway, this is how you'd do it right now page.set({ id: 'new-id', name: 'new name' })
Sudhin35
@artf Thanks for the response , actually i was stuck so i have raised as bug , from next time will open discussion but now after using the above command i getting this error Please help if there is any issue in my code
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 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 v92 Reproducible demo link https://grapesjs.com/demo.html Describe the bug When I take any text from Microsoft Office word or any websites it is coming with itβs own css and font-color, and the font-color attribute...
artf
If you paste a text with its own inner style, you have to change it for each pasted component, as their style overrides the parent one.
chirag0110
@artf , Even We are not able to change any pasted component. I have added lorem ipsum text from the lorem ipsum site. When I paste the text grapesJs wrap text with the "P" tag with id="i835ol". I am not able to change the styling of the "P...
GJSBlock
Thanks for reporting this, @migokcek. The issue with When copying a text from anywhere the style manager is not working right. appears to be a race condition or state management timing problem. This typically happens when component lifecyc...
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chromev93 Reproducible demo link https://grapesjs.com/demo.html Describe the bug How to reproduce the bug?Import the following codeNow try to delete the background-image: urlIt is not possible What is the expected behavior...
artf
Hi @Light0815 thanks for the report but I'm already aware of the bug with layers in conjunction with imported CSS, so I'm closing this one as a duplicate of #1396
GJSBlock
Thanks for reporting this, @Light0815. Great question about Can not delete background-image:url of body after an import. The recommended approach with StyleManager is to use the event-driven API. Start here: Check the GrapesJS documentatio...