front/ g-editor

JavaScript

CSS

HTML

Shell

Need help with g-editor?

Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

front

144 Stars

27 Forks

MIT License

182 Commits

8 Opened issues

A minimalist version of the Gutenberg editor

Readme

g-editor

Name: g-editor
Brand: g-editor
SKU: //front/g-editor
Rating: 2.11 (144 reviews)

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
  └── ...

g-editor and Gutenberg-js

Since version 1.0,

g-editor

no longer depends on

Gutenberg-js

. It now includes the source

Gutenberg

packages 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.txt

and

g-styles.txt

files with all the depencies the editor needs to run.

The sample videos are a courtesy of Pixabay: