Style sections are duplicated
@artf in my case the problem was that i was loading the module using node not directly in html. In the end I found and answer:
Read full answer below βQuestion
Hello Guys
I'm using: "grapesjs": "0.16.12", "grapesjs-preset-webpage": "0.1.11",
and in the css edit area i get this strange behavior: <img width="1527" alt="Screen Shot 2020-06-19 at 00 39 13" src="https://user-images.githubusercontent.com/223112/85069933-01cbdd00-b1c6-11ea-909b-7b77a048eefe.png"> a lot of the sections are duplicated!
this is the repository with my code: https://github.com/levansuper/grapes
Answers (3)
@artf in my case the problem was that i was loading the module using node not directly in html. In the end I found and answer:
Hi Levan, please try to follow the template from the preset page https://github.com/artf/grapesjs/blob/gh-pages/demo.html
@artf in my case the problem was that i was loading the module using node not directly in html. In the end I found and answer: I found out if you pass styleManager: { clearProperties: 1 } to GrapesJS also will resovle the problem
Related Questions and Answers
Continue research with similar issue discussions.
Issue #609
CSS editing duplicates body properties
It's still duplicating body sections and properties: When I pull it up, this is what it looks like: <img width="472" alt="screen shot 2017-...
Issue #1358
Create link only on "OK" button press
Hello everyone, I overwrote the default 'Link' acton of the rich text editor: <img width="1274" alt="screen shot 2018-08-13 at 1 58 43 pm"...
Issue #2543
How to remove the right side bar?
<img width="1033" alt="Annotation 2020-02-02 032330" src="https://user-images.githubusercontent.com/6602723/73597835-77af0f00-456b-11ea-928...
Issue #3476
TypeError: Cannot read property 'querySelector' of null
<img width="1172" alt="Screenshot 2021-05-24 at 6 55 23 PM" src="https://user-images.githubusercontent.com/55732888/119354444-b8cbb500-bcc1...
Paid Plugins That Match This Issue
Curated by issue keywords and label relevance to help you ship faster.
Loading paid plugin recommendations...
Check the open-source GrapesJS plugins on GitHub or run a quick search in our free catalog.
Browse free plugins βPremium plugins ship with support, regular updates, and production-ready features β save days of integration work.
Browse premium plugins βRelated tutorials
In-depth guides on the same topic.
Tutorial
Vanilla GrapesJS vs GrapesJS With Plugins: What You Actually Get Out of the Box (2026)
New to GrapesJS? See exactly what the stock editor gives you, where it falls short, and which plugins close the gaps β a beginner-friendly 2026 comparison
Tutorial
Lighthouse for GrapesJS: Audit Accessibility and SEO Without Leaving the Editor
Live WCAG 2.1/2.2 accessibility auditor + SEO manager for GrapesJS. Every finding is bound to the exact component β click to select, then one-click fix.
Tutorial
GrapesJS DevTools: A Developer Panel Inside Your Editor
If you've ever debugged GrapesJS with console.log(editor.getSelected()) and a dozen throwaway event listeners β this post is for you.
Browse Plugin Categories
Jump directly to plugin category pages on the marketplace.