GrapesJS Issues

artf

Follow the issue template please, there is a reason it's there...

GJS Helper

The issue "event works also on component mount" typically arises from a misunderstanding of how event listeners are bound in JavaScript, especially within a framework like GrapesJS that manages its own component lifecycle and DOM rendering...

mitcht

I whittled the json down a quite a bit, and noticed there is some possibly invalid JSON being generated as output? Its like the introduction of the escaped double quotes is off slightly. JSON.stringify and JSON.parse don't seem to care abo...

artf

The root component of the page should be a wrapper, in your case is a textnode (eg. this might break a lot of stuff), with an empty tagName (the reason behind <>) and for some reason content: "undefined"(?) <img width="377" alt="Screenshot...

mitcht

This is what was coming out of Grapes 0.18.4, therefor it was generated by grapes. I would expect if content was "undefined", grapes would either strip it or ignore it. For now i'm just stripping the <> out on my end, but I thought I'd jus...

GJS Helper

The issue you've encountered where an HTML comment tag like <!-- --> disables text editing in GrapesJS is a known behavior related to how browsers handle contenteditable elements and how GrapesJS's text editor component initializes. While...

mapsmarketing

Hi @kishanp102 , I tried to reproduce the issue with the steps described but both the text and background colours are being applied (please see screenshot). <img width="318" alt="image" src="https://github.com/GrapesJS/grapesjs/assets/7955...

kishanp102

Drag and drop the text component then apply the font color and click outside again click on the text and put the background color it is not applying screencast-jsfiddle.net-2023.10.11-091942.webm

mapsmarketing

Yep, you are right @kishanp102 it doesn't apply a new background colour on it after you've already set one. It's definitely a bug.

joukhar

it was just one file scss files are more organized and more powerful that css files but i have a backup plan

artf

@bgrand-ch I think what you're mentioning is fixable with CSS variables. I was also thinking about introducing a new small module for theming, that would allow updating the editor appearance programmatically, and under the hood, it would b...

joukhar

because of sass files to overwrite variables it is very important

artf

Hi @padcom this is an expected behavior as the load itself updates the state of the editor. You can simply clear the dirty counter via editor.clearDirtyCount() right after your manual load.

padcom

Please note, that if you enable autoload: and disable loading: number of changes is 0, even though the result is the same - the page is loaded. Since in my project I desperately need to be able to load the page at a specific time this is m...

padcom

I beg your pardon? Are you quite serious that it is the "expected" behavior? Have you seen that in any other editor out there that the project is automatically modified upon loading and then automatically saved? I find that hard to believe.

GJS Helper

The issue you're encountering is that enableEditing is not a public command or method intended for programmatically triggering the Rich Text Editor (RTE) in GrapesJS. The RTE in GrapesJS is typically enabled automatically when a text compo...

artf

Please avoid opening bug issues without following the issue template. You can start a new discussion with a proper description/use case of what you're looking for.

GJS Helper

The error editor.getSelected().view.enableEditing() is not a function occurs because the enableEditing method is not a public API directly available on the ComponentView instance (which editor.getSelected().view refers to). The GrapesJS ed...

yashvi2026

how to use enable editing editor.getSelected().view.enableEditing(); this gives an error

GJS Helper

The issue "editor is undefined" when trying to use enableEditing in the browser console indicates that the GrapesJS editor instance is not accessible in the current scope of your console. The enableEditing method is part of the GrapesJS ed...

artf

Please avoid creating bug issues if you don't have any reproducible link

GJS Helper

The "namespace not found" error when installing GrapesJS plugins like grapesjs-basic-blocks or tui-image-editor in an Angular application typically indicates an issue with how the modules are being imported and initialized, or how their de...