Editor.js
Next generation block styled editor. Meet the new editor, on our webpage you can see it in action. It is a block-styled editor, it returns clean data output in JSON, and it is designed to be extendable and pluggable with a simple API. Workspace in classic editors is made of a single contenteditable element, used to create different HTML markups. 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. There are dozens of ready-to-use Blocks and the simple API for creation any Block you need. For example, you can implement Blocks for Tweets, Instagram posts, surveys and polls, CTA-buttons and even games. Classic WYSIWYG-editors produce raw HTML-markup with both content data and content appearance. On the contrary, Editor.js outputs JSON object with data of each Block.
Learn more
TinyMCE
TinyMCE gives you total control over rich text editing within any application.
As a WYSIWYG component, it can be seamlessly integrated into your web app's existing tech stack – and can be fully customized via its 400+ APIs and 12+ framework integrations or used out-of-the-box as an enterprise-grade editor.
TinyMCE paid plans include advanced features that are perfectly suited to enterprise-grade uses and even the most complex edge-cases. Three popular premium features:
1. AI Assistant: Generative AI = faster writing
→ Embed the power of AI inside your app with pre-written prompts
2. PowerPaste: 99.9% accurate copy-paste = less support tickets
→ Cleanly copy-paste from MSWord, GDocs, Excel, and other popular apps
3. Spell Checker Pro: Eliminate errors = consistent on-brand spelling
→ Check up to 13 languages (plus medical terms) and build custom dictionaries
Available in the cloud and on-premise. Easily integrates with React, Angular, Vue, Bootstrap and others.
Learn more
Tiptap
Tiptap is a headless, open-source rich-text editor framework designed for developers building modern, collaborative applications. Built on ProseMirror, it offers a modular architecture with over 100 extensions, enabling the creation of custom editors tailored to specific user needs. Tiptap supports real-time collaboration through its open source backend, Hocuspocus, allowing multiple users to edit documents simultaneously with features like live cursors and offline editing. It also integrates AI capabilities, such as the content AI extension, which provides in-line text transformations and AI-driven suggestions to enhance content creation. Developers can further extend functionality with features like commenting systems, document management, and import/export options for formats like DOCX. Tiptap's UI components and React templates facilitate rapid development of editors resembling applications like Notion or Google Docs.
Learn more
Slate
Slate is a completely customizable framework for building rich text editors. Slate lets you build rich, intuitive editors like those in Medium, Dropbox Paper or Google Docs, which are becoming table stakes for applications on the web, without your codebase getting mired in complexity. It can do this because all of its logic is implemented with a series of plugins, so you aren't ever constrained by what is or isn't in "core". You can think of it like a pluggable implementation of contenteditable built on top of React. It was inspired by libraries like Draft.js, Prosemirror and Quill. Slate is currently in beta. Its core API is usable now, but you might need to pull request fixes for advanced use cases. Some of its APIs are not "finalized" and will (breaking) change over time as we find better solutions. The most important part of Slate is that plugins are first-class entities.
Learn more