editorjs-editable-block

Editable block for Editor.js

Usage no npm install needed!

<script type="module">
  import editorjsEditableBlock from 'https://cdn.skypack.dev/editorjs-editable-block';
</script>

README

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
  1. Commit dist/bundle.js

Run tests

$ yarn test