Editor.js

Next generation block styled editor.
Free. Use for pleasure.
Get started
And here is a generated CLEAN data
Use it in Web, mobile, AMP, Instant Articles, speech readers โ€” everywhere. Easy to sanitize, extend and integrate with your logic.

            
API is the feature.
Each Block is provided by a plugin. It's easy to create your own. Dozens of created.

Best plugins

Plugins can represent any Blocks: Quotes, Galleries, Polls, Embeds, Tables โ€” anything you need. Also they can implement Inline Tools such as Marker, Term, Comments etc.
Blocks Inline Tools All
Header

Header

Block
How will you live without headers?
Simple Image

Simple Image

Block
Allow pasting image by URLs

Image

Block
Full featured image Block integrated with your backend.

Embed

Block
Here is YouTube, Vimeo, Imgur, Gfycat, Twitch and other embeds
Quote

Quote

Block
Include quotes in your articles.
Marker

Marker

Inline Tool
Highlight text fragments in your beautiful articles.
Code

Code

Block
Include code examples in your writings.
Link

Link

Block
Embed links in your articles.
List

List

Block
Add ordered or bulleted lists to your article.
Delimiter

Delimiter

Block
Separate blocks of text in your articles.
Inline Code

Inline Code

Inline Tool
Inline Tool for marking code-fragments.
HTML

HTML

Block
Include raw HTML code in your articles.
Warning

Warning

Block
Editorials notifications, appeals or warnings

Table

Block
Table constructor that you would enjoy

Your own plugin

Just implement render and save methods.
class MyTool {
  render() {
    return document.createElement(โ€™textareaโ€™);
  }
  save(textarea) {
    return {
      text: textarea.value
    }
  }
}
Loved by
Thousands of people already write with us.
#1 on Product Hunt
Editor.js - New block-styled editor with clean JSON output | Product Hunt Embed
Support Team
If you like Editor.js, support project improvements with a small donation. That's will help us to continue our work and increase speed of developing new features.

Become a Patron

Backers

Thank you to all our backers! ๐Ÿ™

Become a backer

Sponsors

Support Editor.js by becoming a sponsor with pledge 100$ or more. Your logo will show up here with a link to your website.

Become a sponsor ๐ŸŽฉ

We will be really glad and inspired by every star of the project. It helps community to grow, build new cool plugins and core features.