A minimalist version of the Gutenberg editor
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_DIRenv var.
BLOCK_DIR=\absolute\path\to\your-custom-block npm start
The editor expects that your custom block has an
index.jsand a
style.cssin its
buildfolder.
your-custom-block ├── ... ├── build │ ├── index.js │ └── style.css └── ...
Since version 1.0,
g-editorno longer depends on
Gutenberg-js. It now includes the source
Gutenbergpackages directly.
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.txtand
g-styles.txtfiles with all the depencies the editor needs to run.
The sample videos are a courtesy of Pixabay: