GrapesJS Issues

3,464 parsed GitHub issues β€” 370 solved Β· 90 open. Search, filter and explore battle-tested answers.

466 issues found

πŸ” components
#3794Sep 20, 2021by mattnoth3 answers
0 reactions

RTE Overlapping text In Basic Text Component when Width & Height are 100% of Canvas

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...

#3783Sep 16, 2021by mattnoth3 answers
0 reactions

RTE overlapping text when text component set to 100% height

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...

#3779Sep 15, 2021by stljeff13 answers
0 reactions

Editor.getSelected().toHTML() encodes inline javascript

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...

#3778Sep 15, 2021by codingmachine164 answers
1 reactions

Select options are not displaying - new anomaly

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

#3763Sep 10, 2021by abolabo2 answers
0 reactions

V0.17.25 . Trait button in the custom component defining.

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...

#3759Sep 8, 2021by throne19864 answers
3 reactions

Uncaught TypeError: Failed to execute 'appendChild' on 'Node': parameter 1 is not of type 'Node'.

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...

#3733Aug 30, 2021by anatoli-dp2 answers
0 reactions

Storage manager does not load coorectly?

WARNING READ and FOLLOW next 3 steps, then REMOVE them before posting the issueFollow CONTRIBUTING Guidelines https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.mdDo a quick SEARCH first, to see if someone else didn't open the same issueAll relative statements/questions have to be filled/answered, otherwise, th...

artf

You're calling the clb outside the fetch, in your load function

GJSBlock

Thanks for reporting this, @anatoli-dp. The issue with (or just general issue) storage manager does not load coorectly? appears to be a race condition or state management timing problem. This typically happens when component lifecycle even...

#3732Aug 27, 2021by aliibrahim1234 answers
0 reactions

Comment component type do not support adding traits

i am working on a script that add a trait on all the component type , but the comment type do not have the prototype object. code

aliibrahim123

@artf

artf

Don't use model.extend/view.extend, those are part of the old API. This is an example of how properly extend traits on all components

skru

This is a great solution artf, any tips on how to use this for components that have traits defined in a function?, as per the docs: https://grapesjs.com/docs/modules/Traits.html#add-traits-to-components

#3731Aug 27, 2021by gustavohleal4 answers
1 reactions

Text element not able to be selected twice after extended with events

Version: 0.17.25 Are you able to reproduce the bug from the demo?[ ] Yes[x] No What is the expected behavior? Update a existing component of type text by adding an event to his view. Describe the bug detailed The event is being added, but once I select another component I cannot go back to the first one. It can only b...

gustavohleal

That actually was the problem. Thanks for replying. I'll be closing the issue.

ronaldohoch

+1 :D We are trying to solve this issue https://github.com/artf/grapesjs/issues/1136 Because it still happening when use a ckeditor.

artf

The events are not automatically merged with the extended component so, you have to do it manually.

#3730Aug 27, 2021by hrdkzala4 answers
0 reactions

Script tag not rendering in HTML page

I created the component as below. site_1 - is my readymade template and it has CSS and javascript. CSS loads properly with the "content" but javascript doesn't so I created component for javascript. On the HTML page, It shows the jquery file is added but doesn't work. I checked in view source. If I made any external j...

artf

Sorry but I don't understand where is your issue. You have created comp-with-js component but then you don't show where you are using it... Please, provide a reproducible demo.

mingxin-yang

script function don't work after drag the block @artf

mingxin-yang

https://grapesjs.com/docs/modules/Components-js.html#basic-scripts

Browse all topics