GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? latest version of ChromeReproducible demo link https://grapesjs.com/demo.htmlDescribe the bug How to reproduce the bug? Taking an html string and rendering it in grapesjs with this code (I have allowScripts enabled) This is...
GJS Helper
The behavior you're observing with script tag attributes not appearing on the GrapesJS canvas, while being present in the exported HTML, is expected and by design for how GrapesJS handles non-visual elements, especially script tags carryin...
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? latest version of Chrome Reproducible demo link https://grapesjs.com/demo.html Describe the bug How to reproduce the bug? editor.addComponents( <ul class="mb-5 flex list-none flex-row flex-wrap border-b-0 pl-0" role="tabli...
artf
Already reported and fixed https://github.com/GrapesJS/grapesjs/issues/5525
GJS Helper
The issue you're experiencing, where GrapesJS crashes or becomes unresponsive when adding and selecting elements with a large number of utility classes (especially from frameworks like Tailwind CSS or component libraries using data-[...] a...
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Version 119.0.6045.200 Reproducible demo link https://jsfiddle.net/d64pkcom/1/ Describe the bug How to reproduce the bug?Drag component text in CanvasWatch the console of jsfiddle What is the expected behavior? Don't trigg...
GJS Helper
You've accurately identified a minor, yet unexpected, behavior in GrapesJS where the rte:disable event is triggered when dragging a new component (like a text block) from the blocks panel onto the canvas. This is indeed not the expected be...
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome Version 119 Reproducible demo link https://jsfiddle.net/bj7afw63/1/ Describe the bug How to reproduce the bug?Load the fiddleTry to add a link with the default RTE (not CKE)Nothing happens in the UI and a JS error a...
GJSBlock
Thanks for reporting this, @adiux. Great question about Can not add a link: getModel() fails with: TypeError: $ is not a function. The recommended approach with ProseMirror is to use the event-driven API. Start here: Check the GrapesJS doc...
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Edge v119.0.2151.72 Reproducible demo link https://grapesjs.com/demo.html Describe the bug Hi, thank you for creating an amazing project. I would like to report an issue found during my use of GrapesJS. How to reproduce th...
artf
Agree with the suggested alternative, I will update accordingly. Thanks @duydvu
GJSBlock
Thanks for reporting this, @duydvu. Great question about Performance issue when adding more than 20 classes to a single component. The recommended approach with StyleManager is to use the event-driven API. Start here: Check the GrapesJS do...
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Firefox Reproducible demo link https://grapesjs.com/demo.html Describe the bug How to reproduce the bug?Select a component on stageCopy the component with CTRL+cSelect the body (deselect the component)Paste with CTRL+v Wha...
lexoyo
Note that this bug makes it impossible to copy paste elements to an empty page
GJS Helper
The issue you've described is a known behavior in GrapesJS's default paste-component command. The root cause lies in the command's implementation, specifically the condition if (!selected || !selected.length) return; at the beginning of it...
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome Reproducible demo link none Describe the bug replaceWith method from Component.ts doesn't have a type for string. What is the expected behavior? I should be able to replace a component with a string like in the exam...
You've correctly identified a TypeScript typing issue with the replaceWith method in GrapesJS. While the method internally supports replacing a component with an HTML string, its TypeScript definition (Component.d.ts) currently doesn't ref...
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Firefox Reproducible demo link https://jsfiddle.net/497zkrpm/1/ Describe the bug How to reproduce the bug?Select the "Hello World" componentOpen the Style Manager and make sure "myclass" is checked in the classes sectionCh...
artf
Not a bug, the style manager handles only one rule at a time, if you want more advanced usage, you can use the API and implement your functionalities (eg. selecting different rules with the same selector)
MaxDBenson
Not a bug, the style manager handles only one rule at a time, if you want more advanced usage, you can use the API and implement your functionalities (eg. selecting different rules with the same selector) I see. Would you mind elaborating...
GJS Helper
The issue you've encountered with the GrapesJS Style Manager not displaying all rules for the same class is a known behavior stemming from how the editor's internal CssComposer and StyleManager interact with CSS rules. While CSS itself all...
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? latest version of Chrome Reproducible demo link https://grapesjs.com/demo.html Describe the bug https://github.com/GrapesJS/components-tabs question one <img width="1421" alt="image" src="https://github.com/GrapesJS/grapes...
artf
Please, open bug issues only if related to the core library, not plugins.
GJS Helper
The issues you're experiencing with cloning tabs and the entire tabs component in GrapesJS, specifically with the grapesjs-components-tabs plugin, stem from how GrapesJS handles component IDs during the cloning process. The grapesjs-compon...
GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Chrome v117.0.5938.149Reproducible demo link https://jsfiddle.net/9oLrsvya/Describe the bug How to reproduce the bug?Please see the pageManager object in the jsfiddle What is the expected behavior? Looking at the following d...
mapsmarketing
One annoying thing is that the editor is prepending the below default styles which when saving the styles has numerous duplicates of it: Edit: Looking at the docs I finally managed to find protectedCss and when set to empty stops the style...
artf
Hi @mapsmarketing currently GrapesJS is not able to properly import HTML documents as string, so the parser skips elements like html, head, body and returns only what is parsed inside the body, one workaround you could do right now is to p...
mapsmarketing
Hi @artf , I've found a way to get the body attributes along with the styles saving correctly via the following method: I noticed that your Page.toJSON outputs everything of the specified page. However, it doesn't seem to output the styles...