Editor.js Playground

Block-based & JSON

Editor.js is a next-generation block-styled editor. It outputs clean JSON data, making it perfect for structured content and modern CMS integrations.

Block Editor

Click on blocks to edit or use the (+) button to add new blocks.

JSON Output

Clean, structured data format ready for your database.

Change something to see JSON output...

Specialties

Clean Data Output

Outputs JSON instead of heavy HTML, allowing for flexible rendering.

Block-styled

Each element (paragraph, image, header) is a separate block.

API-first

Everything is a plugin. Easy to extend with your own custom blocks.

Get Started

Install core and tools:

npm install @editorjs/editorjs @editorjs/header

Basic initialization:


import EditorJS from '@editorjs/editorjs';
import Header from '@editorjs/header';
import List from '@editorjs/list';

const editor = new EditorJS({
  holder: 'editorjs',
  tools: {
    header: Header,
    list: List
  }
});

Full Guide