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...
GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? ChromeReproducible demo link https://github.com/artf/grapesjs/issues/3735Describe the bug I am have issue related to select box . It is showing issues as in console [Traits]: 'select' type not found {level: 'warning'} When w...
Bran72
Hi ! I also have your issue since the v.0.17.25. I think it will be fixed in the next release. So the temporary solution is to downgrade to v0.17.22... Hope it will help you !
artf
Correct, it's been fixed here #3735
codingmachine16
OK . Sure. Thanks. For information, this issue does not exist on 0.17.22 but it is in 0.17.25
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome v93 Reproducible demo link https://codepen.io/damnslow/pen/yLXXOxQ Describe the bug How to reproduce the bug?Select both the elementsDrag using drag icon What is the expected behavior? Both elements should move toge...
artf
Absolute positioning, right now, has more than one issue and I'd like to address them all here:[ ] Wrong position on a different Devices[ ] Wrong position on a zoomed/panned canvas[ ] Wrong position for children of the absolute component[...
itscarlosrufo
Hi everyone, Thanks a lot for the feedback and detailed discussion. Weβre happy to share that weβve addressed some of the requested functionality. Also, weβve introduced a new absolute mode plugin that should cover most of the use cases me...
fmfeit
Hi @artf, this feature is crucial for my current project, so I have two questions: Is it possible to pay you (or someone else) to prioritize this feature? If not, can you outline the steps necessary to resolve the issue and give me a start...
GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? FirefoxReproducible demo link https://jsfiddle.net/abolabo/3g7j519h/19/Describe the bug Code works incorrect: traits: [ { type: "button", text: "click me", full: true, command: (editor) => console.log("trait command"), }, ],...
artf
Thanks @abolabo for the report, this issue was actually already fixed here #3735
GJSBlock
Thanks for reporting this, @abolabo. The issue with v0.17.25 . Trait button in the custom component defining. appears to be a race condition or state management timing problem. This typically happens when component lifecycle events and DOM...
GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? chrome new versionReproducible demo link https://codesandbox.io/s/grapejs-reactjs-forked-zqnqo?file=/src/Editor.jsDescribe the bug How to reproduce the bug?Just drag and drop image block to canvasalso drag and drop custom im...
throne1986
I solved the issue for future reference first I removed this function : editor.on("component:add", (model, argument) => { if (model.getName() === "Image") { modal.setContent(ModalImages); } }); I replaced with this function editor.Commands...
artf
when you run editor.command.run('open-assets') you have to pass options, eg.
throne1986
@artf I solved the issue it was about closure problem , the solution just passing the URL as options as follows editor.Commands.run("open-assets", { target: editor.getSelected() url: imageUrl }); editor.Commands.add("open-assets", { run(ed...
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...