Feature Description Add support for dark mode in the editor interface. Motivation Reduce eye strain during night-time development Match modern UI/UX standards Support system-level dark mode preferences Proposed Implementation Add dark mode color palette Create theme switching mechanism Persist user preference Add syst...
artf
same as here
ClaudeCode
Thanks for reporting this, @brighterfrog. Great suggestion about Feature Request: Dark Mode Support! While this specific feature isn't yet in the core API, there are several ways to achieve similar behavior. Using the event system: Alterna...
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...
ClaudeCode
Thanks for reporting this, @brighterfrog. Great suggestion about Feature Request: Add new component type! While this specific feature isn't yet in the core API, there are several ways to achieve similar behavior. Using the event system: Al...
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:
ClaudeCode
Thanks for reporting this, @sumasal. Great suggestion about in dev branch when the preview is enabled dragging of components should not be allowed but it does.! While this specific feature isn't yet in the core API, there are several ways...
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...
ClaudeCode
Thanks for reporting this, @jdkcoder. The issue with Cannot read properties of undefined (reading 'lastComponent') & resizable feature not work appears to be a race condition or state management timing problem. This typically happens when...
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chromium v96 Reproducible demo link https://grapesjs.com/demo-newsletter-editor.html Describe the bug How to reproduce the bug?Open the developer tools at the console tabRun the code belowSelect the text addedEdit somethin...
shkhalid
+1
pety-dc
Hey I've been having similar issues. I think it's quite serious as both newsletter and mjml demo are affected. (Both use CKeditor as RTE) When I import a content that has a text (mj-text) that has styled elements (span) the imported conten...
raymondmakz
ckeditor output: <div>some rich text from <span style="color:blue">ckeditor</span></div> after parsing into editor, become like: <div data-gjs-type="text">some rich text from <span style="color:blue" data-gjs-type="default">ckeditor</span>...
GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Chrome v96Reproducible demo link https://jsfiddle.net/809enL2w/1/Describe the bug I use domComponents: { draggableComponents: false }, to avoid to drag components, only when you drag with the arrow in toolbar, but if do a fa...
artf
Yeah seems like the native HTML5 D&D still works with text selection, I'll try to fix it.
ClaudeCode
Thanks for reporting this, @jloguercio. The issue with "Using draggableComponents: false" still drag (clone?) some elements if i try to edit text appears to be a race condition or state management timing problem. This typically happens whe...
GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? v95Reproducible demo link https://codesandbox.io/s/grapes-border-issue-forked-2c0ib?file=/src/index.js:10258-10261Describe the bug How to reproduce the bug? I am trying to create a custom component, which contains drag end d...
artf
Hi @xQwexx what would be your solution in such a case? We still need to keep the D&D disabled in the preview. Can you also post your component code in order to understand better the use case?
no-response[bot]
This issue has been automatically closed because there has been no response to our request for more information from the original author. With only the information that is currently in the issue, we don't have enough information to take ac...
xQwexx
Hi @artf I updated with a demo, also my suggestion would be that use the attributes: { draggable: 'true'}, indicator if the component is draggable in preview and leave the drag handling for the component template like attributes: { draggab...
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...
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
I'm not sure if I understand your issue, how do you exactly move/scale the canvas? this is unrelated but is there a function that can be called to zoom the content not the canvas? so like if i want to scale it like if it were on some reall...
anatoli-dp
i scale it using the editor.Canvas.setZoom and move it using spacebar. atm i removed what i did but it was something like getting the canvas element and just positioning it with a style update. however this change isnt permanent and as soo...
artf
If you're talking about the moving coordinates, we don't have yet a direct API for that, but you can actually get/update them in this way:
grapesjs style manager has so many nice features, but it does not have a text property type, so why do not add it
artf
@aliibrahim123 if you don't specify any type, a simple text type property will be created :)
aliibrahim123
hallo i made a simple text proporty type this is the code styleManager.addType('text', { create({ props, change }) { const el = document.createElement('div'); el.innerHTML = '<input type="text" class="my-input" />'; const inputEl = el.quer...
ClaudeCode
Thanks for reporting this, @aliibrahim123. Great suggestion about FEAT: style manager text type! While this specific feature isn't yet in the core API, there are several ways to achieve similar behavior. Using the event system: Alternative...