Editor.js

A block-styled editor with clean JSON output

#2 Product of the WeekApril 02, 2019
+1
Three years under development, 24 repos, 500 merged PRs. Editor.js is here.
A block-styled editor for rich media stories. It outputs clean data in JSON instead of heavy HTML markup. Designed to be API extendable and pluggable.
Free and open-source 🤩
Reviews
  • Pros: 

    - Block-based - Beautiful UI out the box - Open sourced, good community.

    Cons: 

    - For now, I can't find any cons of using it.

    The new Editor.js has completely rewritten with clear and flexible API, has many useful plugins out the box and the good main concept of blocks (useful for rendering content on different devices, eg web, mobile apps. Also it's possible to easily change markup)

    Vitaly Baev has used this product for one month.
  • Uros Durdevic
    Uros DurdevicUX Engineer and Space enthusiast
    Pros: 

    Easy to use, straightforward!

    Cons: 

    None for now

    A bunch of amazing guys showing off their amazing work. Thanks for sharing.

    Uros Durdevic has used this product for one day.
Discussion
You need to become a Contributor to join the discussion.
Peter Savchenko
Peter SavchenkoMaker@peter_savchenko · CodeX founder, KMTT, spark.ru cofounder
Hi there. We have been working on this project more than three years. Several large media projects help us to test and debug the Editor, to make it's core more stable. At the same time we significantly improved the API. So there are few key features: - Block-styled - 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. 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. About clean data As you can see on the last screen, there are clean JSON output: list of structural Blocks with their content description. You can use this data to easy render in Web, native mobile/desktop applications, 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. About API A key value of the Editor is the API. All main functional units of the Editor.js — Blocks, Inline Formatting Tools, Block Tunes — are provided by external plugins that uses simple and powerful Editor's API. 🤓 Editor.js is more than just an editor. It is a new born open-source community of developers and contributors. Anyone can create new cool API features and plugins. Thanks for your interest. Hope you enjoy Editor.js. Peter Savchenko, CodeX
Uros Durdevic
Uros Durdevic@itkosarkas · UX Engineer and Space enthusiast
Thank you so much, you have no idea how long have I been searching for a proper editor! Everybody should donate at least 10$ for the effort you've put into it 💪 #muchlove <3
Murod Haydarov
Murod HaydarovMaker@murod_haydarov · Web Developer
@itkosarkas thank you! hope you will enjoy using the editor :)
Gautham Santhosh
Gautham Santhosh@gauthamzzz · I don't have a spaceship
People think editors are so easy, its very hard to find something that just works. I have even left projects cos of editors. Thanks for making this
Murod Haydarov
Murod HaydarovMaker@murod_haydarov · Web Developer
@gauthamzzz Thanks! We appreciate this significant gesture and concern. Feel free to report bugs
Peter Savchenko
Peter SavchenkoMaker@peter_savchenko · CodeX founder, KMTT, spark.ru cofounder
@gauthamzzz Sad but true. Thank you.
Nick Magnanini
Nick Magnanini@nicolo_magnanini · CEO @ impossible.bot
It's ameasyng, thank you so much to opensource it.
Daniil Okhlopkov
Daniil Okhlopkov@okhlopkov · Data and Blockchain Scientist
Can’t wait every open source CRM integrate this library! Good job guys!
Peter Savchenko
Peter SavchenkoMaker@peter_savchenko · CodeX founder, KMTT, spark.ru cofounder
@okhlopkov Thanks.