Open Collective
Open Collective
Loading

Editor.js

Free block-style editor with a universal JSON output

Contribute


Become a financial contributor.

Financial Contributions

Recurring contribution
Backer

Support Editor.js with a small monthly donation and help us continue our work.

Starts at
$2 USD / month

Latest activity by


+ 49
One-time contribution
Supporter

Become a supporter for any amount you choose and help us sustain our activities.

Starts at
$10 USD

Latest activity by


+ 13
Recurring contribution
Silver Sponsor 🎩

Become a Sponsor with a monthly donation form $100 and get your logo with a link to your site on the Github README and on front page of our website... Read more

Starts at
$100 USD / month

Latest activity by


+ 3
Membership
Gold Sponsor

1) Influence on the Roadmap 2) Reported issues will be top-prioritized above others. 3) We will add a special block with your logo on all pages of... Read more

$1,000 USD / month

Latest activity by


Custom contribution
Donation
Make a custom one-time or recurring contribution.

Latest activity by


+ 106

Top financial contributors

Organizations

1
Mister Auto

$1,300 USD since Nov 2021

2
Content Harmony

$1,012 USD since Dec 2022

3
Humm

$1,000 USD since May 2019

4
Slid

$900 USD since Apr 2021

5
Tesen Media Inc.

$770 USD since Dec 2019

6
fify

$580 USD since Sep 2021

7
UPLUCID, K.K.

$500 USD since May 2022

8
Shape & Shift

$240 USD since Apr 2020

9
Nodaq

$100 USD since Oct 2020

10
Real Targeted Traffic

$75 USD since Oct 2021

Individuals

1
Incognito

$13,000 USD since Mar 2023

2
Dylan Jones

$2,000 USD since May 2019

3
Scott Blevins

$800 USD since Dec 2022

4
Giveabl (Donation API)

$800 USD since Feb 2023

5
Incognito

$300 USD since Jan 2020

6
ilmaiskierroksia.lv

$140 USD since Oct 2021

7
Vaska

$100 USD since Jun 2019

8
Nathan Wittnam

$100 USD since Dec 2020

9
Guest

$100 USD since Jun 2022

10
Vladyslav Samarkin

$90 USD since Jun 2021

Editor.js is all of us

Our contributors 116

Thank you for supporting Editor.js.

khaydarovm

Core Contributor

Taly Guryn

Core Contributor

Incognito

Gold Sponsor

$13,000 USD

Dylan Jones

$2,000 USD

Love it!!!

Mister Auto

Silver Sponsor 🎩

$1,300 USD

Content Harmony

Silver Sponsor 🎩

$1,012 USD

Humm

Silver Sponsor 🎩

$1,000 USD

Slid

Silver Sponsor 🎩

$900 USD

Budget


Transparent and open finances.

+$2.00USD
Completed
Contribution #747549
-$1,295.00 USD
Paid
Reimbursement #192624
codex-camp
engineering
+$2.00USD
Completed
Contribution #742383
$
Today’s balance

$11,498.47 USD

Total raised

$21,859.55 USD

Total disbursed

$10,361.08 USD

Estimated annual budget

$14,134.57 USD

Connect


Let’s get the ball rolling!

News from Editor.js

Updates on our activities and progress.

Vertical Block Tunes, new icons, the Menu Config feature — 2.26 is here

Hey to all our supporters! It’s time to tell you about our news. The Editor.js 2.26 has been released with a bunch of cool updates. Block Tunes became vertical · Following the Toolbox that became vertical in 2.24, the last...
Read more
Published on December 7, 2022 by Peter Savchenko

Multiple Toolbox Items and other updates from us

Hi! The new update was shipped and here is some news from us. Multiple Toolbox Items · The last update includes a cool improvement of the Tools API. Now you can display several different variants of the single Tool in the T...
Read more
Published on June 23, 2022 by Peter Savchenko

Toolbox became vertical

Hi there. The 2.24 version has been released. It inlcudes several updates, most important is the new Toolbox look and feel. Try it now! It is the second iteration of the upcoming feature called Unified Toolbox. See the...
Read more
Published on May 3, 2022 by Peter Savchenko

About


Editor.js is a block-styled editor for rich media stories. It outputs clean data in JSON instead of heavy HTML-markup. And more important thing is that Editor.js is designed to be API extendable and pluggable.

So there are few key features:

  • Clean data output
  • API pluggable
  • Open source

What does it mean block-styled

In other editors the workspace is provided by single contenteditable element in where you can create different HTML markup. All of us saw permanent bugs with moving text fragments or scaling images, while page parts are jumping and twitches. Or highlighting big parts of text in case when you just want to make few words to be a heading or bold.

Editor.js workspace consists of separate Blocks: paragraphs, headings, images, lists, quotes, etc. Each of them is an independent contenteditable element (or more complex structure) provided by Plugin and united by Editor's Core.

At the same time, most useful features as arrow-navigation, copy & paste, cross block selection and others works almost as in the familiar editors.

What is clean data

But more interest thing is, as mentioned above, that Editor.js returns clean data instead of HTML-markup. Take a look at the example.

{
    "time" : 1550476186479,
    "blocks" : [
        {
            "type" : "paragraph",
            "data" : {
                "text" : "The example of text that was written in <b>one of popular</b> text editors."
            }
        },
        {
            "type" : "header",
            "data" : {
                "text" : "With the header of course",
                "level" : 2
            }
        },
        {
            "type" : "paragraph",
            "data" : {
                "text" : "So what do we have?"
            }
        }
    ],
    "version" : "2.8.1"
}

As you can see, there are only data we need: list of structural Blocks with their content description.

You can use this data to easy render in Web, native mobile/desctop application, pass to Audio Readers, create templates for Facebook Instant Articles, AMP, RSS, create chat-bots and many other.

Also, clean data can be useful for backend processing: sanitizing, validation, injecting an advertising or other stuff, extracting Headings, make covers for social networks from Image Blocks and other.

API pluggable?

A key value of the Editor is the API. All main functional units of the editor — Blocks, Inline Formatting Tools, Block Tunes — are provided by external plugins that uses Editor's API.

We decide to extract all this Tools to separate scripts to make Editor's Core more abstract and make API more powerful. Any challenges and tasks you are facing can be implemented by you own plugins using the API.

At the same time, API is created to be easy-to-understand and simple-to-use.

Open Source?

Editor.js is more than just an editor. It is a big open-source community of developers and contributors. Anyone can suggest an improvement or bug fix. Anyone can create new cool API features and plugins.

We will support each developer of Editor.js plugins: best solutions will be collected to the awesome-lists and promoted to the community. Together we can create a big suite of different Blocks, Inline Tools, Block Tunes that can hit wide spectre of tasks.

Our team