EditorJS Editable Block

Editable block tool for Editor.js.

Notes

Allows empty blocks.

Replaces built-in paragraph tool.

Based on paragraph tool.

Installation

Install via NPM

Get the package

$ npm i --save-dev editorjs-editable-block

Include module at your application

import EditableBlock from 'editorjs-editable-block';

Usage

Add a new Tool to the tools property of the Editor.js initial config.

const editor = EditorJS({
  tools: {
    paragraph: {
      class: EditableBlock,
      inlineToolbar: true,
    },
  }
});

Config Params

No config param required.

Output data

Field	Type	Description
text	string	Block's text

Data

{
  "type": "paragraph",
    "data": {
        "text": "Hello world!"
    }
}

Development

Development mode

$ yarn build:dev

Production release

1. Create a production bundle

$ yarn build

2. Commit dist/bundle.js

Run tests

$ yarn test