Description I would like to request a new component type for handling interactive charts. Use Case Creating data visualizations in the page builder Supporting dynamic chart updates Integration with existing data sources Expected Behavior The component should: Support multiple chart types (bar, line, pie) Allow data in...
artf
Hi @brighterfrog we use GH Issues only for bug reports. Please check these to understand how we manage feature requests and plugins: Roadmap Process Plugin Suggestion Process FYI here you might already find what you're looking for: GrapesJ...
GJS Helper
GrapesJS is highly extensible, allowing you to define custom component types to meet specific needs, such as integrating interactive charts. This involves defining a new component model, its view logic, and associated traits for user inter...
GrapesJS version [x] I confirm to use the latest version of GrapesJS What browser are you using? chrome 133 with dev branch as of 02.27.2025 Reproducible demo link clone dev repos as of 02.27.2025 Describe the bug How to reproduce the bug? ... clone repo and build and start ...in demo page click to enter preview mode...
sumasal
temporary workaround for the impatient:
GJS Helper
It appears you've identified a bug in the GrapesJS dev branch where component dragging is still possible even when the editor is in preview mode. This is indeed contrary to the expected behavior, as preview mode should disable all editing...
GrapesJS version [x] I confirm to use the latest version of GrapesJS What browser are you using? Firefox and Chrome Reproducible demo link I can't do a demo for remote storage Describe the bug Import anything that has > next to a tag with > Example: <a href="#">></a> Also happens like this: <a href="#">Home</a>...
artf
I can't do a demo for remote storage You don't need a demo for remote storage. The local and remote storage are using the same interface, which means if you're not able to reproduce with the locale storage, the problem is probably on your...
GJS Helper
This is a critical bug report. The issue where GrapesJS displays "undefined" and fails to load content when the HTML entity > (greater than sign) is present, especially near HTML tags, indicates a problem with GrapesJS's internal HTML p...
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? latest chrome, firefox, edge Reproducible demo link https://grapesjs.com/demo Describe the bug How to reproduce the bug?drag a acomponent in layer manager and try to put it between other items under bodynot allowed. nestin...
artf
Will be fixed in the next release. Thanks @sumasal for the report and @mohamedsalem401 for the fix ๐โโ๏ธ
sumasal
issue title is somehow clipped. what i meant is it seems to work on older versions such as 0.21.8 and below
GJS Helper
The GrapesJS Layer Manager is designed to allow both reordering components on the same level and nesting components within others. Based on the official GrapesJS demo (https://grapesjs.com/demo) and the latest version of GrapesJS, this fun...
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? 129 Reproducible demo link https://grapesjs.com/demo Describe the bug const newEditor = grapesjs.init({ fromElement: true, // Allow components from HTML container: "#editor", canvas: { scripts: [ "https://cdn.jsdelivr.net/...
artf
@klipto-inc please create the bug report with a proper reproducible live demo
GJS Helper
The issue you're encountering with Preline.js not working on the GrapesJS canvas, despite being included via canvas.scripts, is a common timing problem with UI libraries that rely on DOMContentLoaded for initialization. Root Cause Many Jav...
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome Reproducible demo link --- Describe the bug It would be great if you add theme switching in the editor, allowing me to toggle between dark and light themes based on my preference.Code of Conduct [X] I agree to follo...
artf
Please use the discussions instead of bug issues
GJS Helper
GrapesJS does not come with a built-in dark/light theme switcher, as its UI is highly customizable via CSS. However, you can easily implement dark theme support by leveraging GrapesJS's extensive use of CSS variables and by toggling a cust...
GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Edge v128Reproducible demo linkshttps://codesandbox.io/p/devbox/github/jdkcoder/cv-builderhttps://stackblitz.com/github/jdkcoder/cv-builder Describe the bug I'm using GrapesJS in Nuxt.js 3 project, the error Cannot read prop...
artf
You can skip removing the components (instance.value.Components.clear()) as you're destroying the editor anyway This shouldn't generate any error
WilliamDASILVA
@jdkcoder By commenting the reRender function we don't have the issue anymore. The lastComponent error comes from the this.get('selected') in Editor being undefined at some point. And by checking the debugger, it indeed becomes undefined w...
GJS Helper
It looks like you're encountering two distinct issues in your GrapesJS Nuxt.js 3 project. Let's break them down and provide solutions. Issue 1: Cannot read properties of undefined (reading 'lastComponent') after clearAll() Root Cause This...
The process for publishing the build artifacts of the GrapesJS repository has had the following issues: Artifacts are expected to come directly from developers' machines. - https://github.com/GrapesJS/grapesjs/pull/6041 The process is undocumented We have multiple packages to release, and proper documentation is also...
GJS Helper
The issues regarding the GrapesJS release process โ specifically, the reliance on developer machines for artifacts and the lack of documentation โ highlight a need for a standardized, automated, and transparent workflow. Adopting an indust...
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome v126 Reproducible demo link https://grapesjs.com/demo Describe the bug How to reproduce the bug?Open the demoDouble-click on any existing image component to open the asset manager.Drag and drop a video file into the...
artf
Thanks @aswinkumar863 for the report. I'll be happy to merge a PR of the fix.
GJS Helper
The issue you've reported, where the GrapesJS Image component allows video files to be uploaded and selected via drag and drop, is a common scenario when the default asset manager's drag-and-drop handler doesn't explicitly enforce file typ...
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? MS Edge 126.0.2592.87 (Official build) (arm64) Reproducible demo link n/a Describe the bug How to reproduce the bug?...Using versions 0.21.11 or 0.21.12 of grapesjs, create a multi-page project. While on page A the Layer m...
GJS Helper
It appears you've encountered a known regression in GrapesJS versions 0.21.11 and 0.21.12 related to the Layer Manager's behavior in multi-page projects. The issue manifests when switching back to a previously loaded page, causing the Laye...