GrapesJS Issues

3,464 parsed GitHub issues โ€” 370 solved ยท 90 open. Search, filter and explore battle-tested answers.

3,464 issues found

#5135May 22, 2023by duclet2 answers
0 reactions

Incorrect type definition for StyleManager.addProperty

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? All Reproducible demo link None Describe the bug How to reproduce the bug?Per the definition here: https://github.com/GrapesJS/grapesjs/blob/dev/src/stylemanager/index.ts#L304, you should be providing the options as option...

SachinPuthiyoth

Seems like the type definition in StyleManagerConfig.sectors is unchanged : https://github.com/GrapesJS/grapesjs/blob/5c890449a52f526bc480d6dc649ff5e01ec59140/src/stylemanager/config/config.ts#L8 Shouldn't we be updating this to use Proper...

GJS Helper

Thank you for reporting this issue. Upon reviewing the GrapesJS source code, specifically the dev branch and the latest stable release (0.21.10), it appears that the PropertyProps interface does include the options property. Therefore, the...

#5134May 20, 2023by yashvi20261 answer
0 reactions

Enable the default RTE with a command

GrapesJS version [x] I confirm to use the latest version of GrapesJS What browser are you using? Chrome v91 Reproducible demo link https://grapesjs.com/demo.html Describe the bug I want to trigger rte with a command ,i found enableEditing but it doesnt work ,is there is any command to trigger rte Code of Conduct [X] I...

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...

#5131May 20, 2023by sdimitrenco2 answers
0 reactions

After JSON.stringify Components have not all fields

GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? ChromeReproducible demo link https://jsfiddle.net/sdimitrenco/rn8u4pc0/7/Describe the bug I'm not sure it's a bug or not, but for me, behavior look strange I have a component List that includes, component ol and component li...

artf

If the property is of the same value as the default definition, it's skipped. This is controlled by avoidDefaults config option and it's highly recommended to keep it true to have small JSONs as possible.

GJS Helper

This behavior is not a bug but an intentional optimization within GrapesJS, which leverages Backbone.js models. When you serialize GrapesJS components to JSON, attributes that match their default values for that specific component type are...

#5112May 14, 2023by putzwasser4 answers
0 reactions

GrapeJS/drag and drop not working for Brave on Linux and Wayland

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Version 1.51.110 Chromium: 113.0.5672.77 (Offizieller Build) (64-Bit) Reproducible demo link https://grapesjs.com/docs/getting-started.html#add-blocks Describe the bug On Linux Wayland (Arch Linux and Gnome) using Brave yo...

artf

By checking with the same Brave version (on Mac), drag and drop seems to work properly, so it doesn't look like an issue with GrapesJS itself or the browser. If anybody else experience the same or have more context about the issue, please...

gxanshu

I'm facing the same issue with tauri. they use webgtk and drag & drop are not working there as well

putzwasser

By checking with the same Brave version (on Mac), drag and drop seems to work properly, so it doesn't look like an issue with GrapesJS itself or the browser. I don't feel this is a valid check. You got a completely different setup by using...

#5110May 13, 2023by yashvi20262 answers
0 reactions

`enableEditing` is attached to to the view and you can get its instance from the model, so select the component and run this in console `editor.getSelected().view.enableEditing()`

i am getting editor.getSelected().view.enableEditing(); is not a function

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...

#5109May 13, 2023by yashvi20262 answers
0 reactions

Enableediting not working

i tried enable editing in the console of grapejs i am not getting rte ,i am getting an editor is undefined error

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...

#5107May 11, 2023by siddhi13972 answers
0 reactions

When installing plugins like grapesjs basic block or tui-image-editor it is giving namespace error in node_modules.

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome Reproducible demo link NA Describe the bug How to reproduce the bug?npm install any plugin from grapesjs-basic-blocksAfter that run the application like in my case it's angular application What is the expected behav...

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...

#5105May 11, 2023by Baghunts2 answers
1 reactions

Adding style o component by (prop, value), isn't work correct.

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome@latest Reproducible demo link https://no-link.com Describe the bug Code of Conduct [X] I agree to follow this project's Code of Conduct

artf

Thanks @Baghunts, good catch. Current workaround would be .addStyle({ 'border-left': '...' })

GJS Helper

The issue where a background-image style isn't applied correctly to a component in GrapesJS is typically due to one of two common reasons: incorrect CSS url() syntax or the component lacking sufficient dimensions to display the background....

#5090May 3, 2023by FaisalShaikhHA2 answers
1 reactions

Component script function runs twice after page save

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? 112.0.5615.137 (Official Build) (arm64) Reproducible demo link https://grapesjs.com/demo.html Describe the bug Component definition: When dropped, saved, and reload there are two places that call the same script. One in th...

artf

As explained here you should not reimport the output HTML to edit the project, only the JSON.

GJS Helper

The issue you've encountered where a component's script function runs twice after saving and reloading the page is a known behavior (or a bug, depending on the perspective) in GrapesJS's script management system. It stems from how GrapesJS...

#5089May 2, 2023by davidrhoderick3 answers
0 reactions

Error importing codemirror library in SCSS

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Firefox 112.0.1 Reproducible demo link https://github.com/davidrhoderick/grapesjs-test Describe the bug How to reproduce the bug?Follow getting started (you can see the structure I am following with a basic Parcel project...

davidrhoderick

Funnily enough, the CSS-based styling works.

artf

Looks like the Parcel transformer is trying to import codemirror/lib/codemirror.js instead of codemirror/lib/codemirror.css on this line: So I'd suggest to open the issue on the related package

GJS Helper

The issue you're encountering, @parcel/transformer-sass: expected "{" when importing GrapesJS SCSS, is a common problem related to how module bundlers like Parcel resolve and process stylesheet imports, especially when dealing with third-p...

Browse all topics