Editor.js
Editor.js Editor.js Editor.js Editor.js

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.

Editor.js is a free, open-source, block-style editor designed to provide developers with clean, structured data output in JSON format rather than traditional HTML.

The main features of this tool include:

  • Block-Style Architecture: Unlike classic editors that use a single "contenteditable" element, Editor.js treats every element (paragraphs, headings, images, lists) as an independent block. This makes the editor more stable while maintaining familiar arrow-key navigation.

  • Clean JSON Output: The editor produces a structured JSON object representing each block's data. This separates the content data from its appearance, making it much easier to process than raw HTML.

  • Universal Content Usage: Because it outputs JSON, the content can be rendered natively anywhere—including Web, iOS, Android, Chat bots, RSS, and speech readers.

  • Pluggable and Extendable: Every block type is powered by a plugin. Developers can use dozens of ready-made blocks or use the simple API to create custom tools for things like Tweets, Instagram posts, or surveys.

  • Developer-Friendly Backend: The clean data is highly useful for sanitizing, validating, and processing on the backend before storage.

  • Open-Source & Community-Driven: Released under the Apache 2 License, it is maintained by a non-profit team of developers (CodeX) and supported by a global ecosystem of contributors.