GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? chromeReproducible demo link https://grapesjs.com/demo-newsletter-editor.html https://prnt.sc/SyoEBQMUJbO8Describe the bug How to reproduce the bug? i am making the demo from prapes js newsletter demo and coping the html and...
artf
@nimisha744 issues in this repo are only for the bugs related to the core framework, demos are there only for demonstration purposes of the framework capability.
nimisha744
can you please help me to get this code ? https://prnt.sc/qAb-i9M5c6SF bt this i am getting only html let html = editor.getHtml(); also please give the options for newsletter image and in sidebar i am getting name not icons pls share optio...
GJS Helper
The issue you're encountering, where images appear correctly in the GrapesJS editor but show src="" or fail to load in the sent email, is a very common problem when dealing with HTML email templates. The root cause lies in how email client...
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Version 125.0.6422.141 Reproducible demo link N/A Describe the bug When setting the following configuration for the storage manager: storageManager: { autosave: false, autoload: false, } The wrapper style is disappears ( t...
artf
The reproducible demo is required for a bug report.
GJS Helper
When storageManager.autoload is set to false in GrapesJS, the editor explicitly avoids loading any previously saved project data, including the styles applied to the wrapper (which is typically the <body> element by default). This means Gr...
GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Firefox 126.0.1Reproducible demo link https://grapesjs.com/demo.htmlDescribe the bug How to reproduce the bug?Open your firefox browser and go to the demo link What is the expected behavior? The editor should show a white sc...
nhan-nguyen-se
@MarceloBD How did you manage to solve this? I'm facing the same issue.
GJS Helper
It appears you've encountered an intermittent bug in GrapesJS, specifically affecting its loading and the layers panel in Firefox. The TypeError: model is undefined when clicking the layers menu is a critical clue pointing to a race condit...
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? v125.0.6422.113 (Official Build) (64-bit) Reproducible demo link https://codesandbox.io/p/sandbox/eloquent-leaf-vd68cf?file=%2Findex.js%3A9%2C47 Describe the bug How to reproduce the bug?Drag video compennt to the canvas....
artf
You can't interact with the iframe during the editing, otherwise, it won't be possible to select it from the canvas. You check the iframe interactions during the preview though.
GJSBlock
Thanks for reporting this, @omerson-cruz. Great question about Unable to use UI controls for the video component when. The recommended approach with Canvas is to use the event-driven API. Start here: Check the GrapesJS documentation for yo...
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Microsoft Edge 125.0.2535.51 Reproducible demo link https://jsfiddle.net/szLp8h4n Describe the bug What is the expected behavior? Editor should render image and mask inside the SVG tag What is the current behavior? The SVG...
artf
Please provide a valid reproducible demo
GJS Helper
The issue you're encountering, where SVG elements using internal url(#id) references (like mask="url(#mask012)" or clip-path="url(#myClip)") do not render correctly in the GrapesJS editor, is a known behavior related to how browsers resolv...
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Opera 10.0.5130.23 | Linux Reproducible demo link https://grapesjs.com/demo.html Describe the bug Clear canvasFrom Blocks menu add 1 Column component -> Settings tab is opened automatically :ok_hand: Click newly added comp...
artf
Thanks @gladykov but this is not related to the core, it's just an example behavior implemented in the demo.
GJS Helper
This is a valid observation regarding user experience in GrapesJS. The behavior you're describing is not a bug in the sense of a broken feature, but rather a UX inconsistency where clicking an already selected component doesn't always re-a...
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? FIrefox Reproducible demo link https://grapesjs.com/docs/modules/Assets.html#initialization Describe the bug How to reproduce the bug?Go to https://grapesjs.com/docs/modules/Assets.html#initializationClink to the below lin...
GJS Helper
Thank you for reporting this issue. You've correctly identified a broken link in the GrapesJS documentation for the Asset Manager. Root Cause: The link provided in the documentation for AssetImage.ts incorrectly points to the dev branch of...
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Firefox 125.0.3, Brave 1.66.110 Reproducible demo link https://jsfiddle.net/szLp8h4n Describe the bug Following the 'git' instructions to install Grapesjs when you execute 'yarn start' in Terminal: ~$ sudo apt install node...
artf
Thanks @shapley yeah it's not really related to GrapesJS or even yarn, you have to increase file system watchers
GJS Helper
The ENOSPC: System limit for number of file watchers reached error you're encountering is a common issue on Linux systems, including Ubuntu 24.04 LTS, when working with large projects that have many files, such as the GrapesJS repository w...
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome V124 Reproducible demo link https://jsfiddle.net/ycvz2gno/7/ Describe the bug How to reproduce the bug?Put a text block in the canvasDouble click on the content inside the text blockThe content cannot be edited What...
Dobby85
By looking into the code, I saw that to get the RTE functionnality, our new component has to extend ComponentTextView. My initial issue was that I did something like : And it tooks the view of my baseStructure and not the text component. I...
GJS Helper
The issue you're encountering where text components loaded via fromElement: true are not editable, even with data-gjs-type="text" and editable="true" in the HTML, stems from how GrapesJS handles existing DOM elements during initialization....
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Firefoxe 125.0.3 (64 bits) Reproducible demo link https://grapesjs.com/demo-newsletter-editor.html Describe the bug How to reproduce the bug?install latest version of grapejsclick on fullscreen select a text or block with...
vincepv
Issue solved. I find a solution. When I init grapejs, I pass object config with colorPicker const config = { container: '#editor', fromElement: true, // other config options here colorPicker: { appendTo: 'parent', offset: { top: 26, left:...
artf
Thank @vincepv yeah there might be some conflicts with the fullscreen command and the default configuration of the color picker depending on how and where the editor container is rendered. Probably, in most of cases, it would be enough to...
GJS Helper
The issue you're encountering, where the color picker is hidden when GrapesJS is in fullscreen mode, is a common problem related to stacking contexts and how fullscreen elements are rendered. It's not a bug in the color picker itself, but...