Editor.load removes styles
No community answers yet. Open the original discussion on GitHub to share your solution.
Question
I am using editor.load with the built in local storage manager and the result is that styling for elements is lost.
How to reproduce:
- Navigate to https://grapesjs.com/demo.html (or use new grapesjs project and initialize it with
storageManager: { type: 'local' }andplugins: ['gjs-blocks-basic']) - Go to "Blocks" and drag and drop a link or text block
- Open browser console and execute
editor.load()(or if you use custom project - execute.loadof your editor instance)
What happens:
The styling for the text block / link block is lost. If you use custom ("clean") project you will notice that before calling editor.load() the browser local storage contains key gjs-styles that contains an array with objects describing some styles, after executing editor.load() the key gjs-styles becomes empty array [].
Answers (0)
No answers yet.
Related Questions and Answers
Continue research with similar issue discussions.
Issue #2403
editor.load possibly causes memory leak
How to reproduce:Naviagate to https://grapesjs.com/demo.htmlOpen browser console (Chrome) and type the following: setInterval(() => editor....
Issue #4000
Pasting a component in root body layer throws TypeError
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome v89 Reproducible demo link https://...
Issue #6669
Cross-level reordering of blocks in Layer Manager causes Sorter errors and breaks further move attempts
GrapesJS version [x] I confirm to use the latest version of GrapesJS What browser are you using? Chrome Reproducible demo link https://grap...
Issue #4370
LayerManager becomes unresponsive after StorageManager.load()
GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Chrome 102Reproducible demo link https://cod...
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
GrapesJS vs Gutenberg: How to Build a Custom WordPress Page Builder
Compare GrapesJS and Gutenberg, learn when to use each, and follow a step-by-step guide to build a production WordPress page builder with GrapesJS.
Tutorial
Integrating GrapesJS into a Vue 3 App — Complete Guide for 2026
Build a Vue 3 landing page builder with GrapesJS and Vite. Custom blocks, composables, remote storage, TypeScript & production tips. Updated for 2026.
Tutorial
Integrating GrapesJS into a Next.js App with @grapesjs/react wrapper
Seamlessly integrate GrapesJS with React, TypeScript, and Next.js using the official @grapesjs/react package for modern app development.
Browse Plugin Categories
Jump directly to plugin category pages on the marketplace.