A minimalist version of Gutenberg's editor. Ideal for checking your custom blocks.

npm install @frontkom/g-editor
npm start

You can include your custom block by passing its path in BLOCK_DIR env var.

BLOCK_DIR=\absolute\path\to\your-custom-block npm start

The editor expects that your custom block has an index.js and a style.css in its build folder.

your-custom-block
  ├── ...
  ├── build
  │  ├── index.js
  │  └── style.css
  └── ...

Since version 1.0, g-editor no longer depends on Gutenberg-js. It now includes the source Gutenberg packages directly.

v8.5.1

To update Gutenberg packages, run

npm run g-update

It will pull to your local machine from the WordPress repo the Gutenberg packages assets ready to use. After copy those assets to public/vendor/gutenberg, the script will generate g-scripts.txt and g-styles.txt files with all the depencies the editor needs to run.

The sample videos are a courtesy of Pixabay:

• https://pixabay.com/en/videos/cute-cat-funny-cat-kitten-domestic-3092/
• https://pixabay.com/en/videos/cat-cat-thailand-small-indian-civet-1297/