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.

About the developer

front
168 Stars 34 Forks MIT License 182 Commits 9 Opened issues

Description

A minimalist version of the Gutenberg editor

Services available

!
?

Need anything else?

Contributors list

# 274,793
CSS
HTML
Shell
90 commits
# 407,041
CSS
HTML
Shell
82 commits
# 46,175
Dart
Flutter
Redux
elixir-...
3 commits

g-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_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.

Current Gutenberg version

v8.5.1

Better updates

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.

Assets

The sample videos are a courtesy of Pixabay:

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.