GrapesJS React

React 17 compatible fork optimized for React 17.X projects. Based on the official GrapesJS React wrapper.

A GrapesJS wrapper for React that allows you to build custom and declarative UI for your editor.

Installation

npm i grapesjs @leochen0204/grapesjs-react

Compatibility

• React v17.X, v18.X, v19.X
• GrapesJS v0.22.5 or higher

Usage

import grapesjs from 'grapesjs';
import GjsEditor from '@leochen0204/grapesjs-react';

export default function Editor() {
  return (
    <GjsEditor
      grapesjs={grapesjs}
      grapesjsCss="https://unpkg.com/grapesjs/dist/css/grapes.min.css"
      options={{
        height: '100vh',
        storageManager: false,
      }}
    />
  );
}

For more details, see the official documentation.

Credits

Based on the official GrapesJS React wrapper by the GrapesJS team.

License

MIT