codex-team/editor.js

Editor.js is a rich text editor for the web that is built around a block-based model rather than a traditional continuous document model. In most editors, the entire document is one blob of HTML, which makes it difficult to work with the content programmatically. Editor.js instead treats each element, such as a paragraph, heading, image, video, or list, as a separate self-contained block with its own data structure. When you save content, you get clean, structured JSON rather than a tangle of HTML. The editor works through a plugin system where each type of block is its own Tool. There are ready-made tools for common content types, and developers can write their own tools by implementing a simple API. Tools can also define inline formatting, like bold or links, that work within a block. The editor itself is the host that renders these tools and manages their order, keyboard navigation, and data collection. From the user's perspective, pressing Enter creates a new block, the Tab key opens a toolbox to choose a block type, and selected text reveals an inline formatting toolbar. Everything is keyboard accessible. You would use Editor.js when building a content management system, a note-taking application, a blog platform, or any interface where users create structured content that you need to store and re-render reliably. The block-based JSON output is easy to validate, transform, and display in different contexts compared to raw HTML. The tech stack is TypeScript, and it is installed via npm as @editorjs/editorjs. It runs in modern browsers and has no framework dependency, so it works in plain HTML pages as well as inside React, Vue, or Angular applications.