Editor.js vs Trix
Editor.js
editorjs.ioTrix
trix-editor.orgSide by side
| Figure | Editor.js | Trix |
|---|---|---|
| Price from | Free | Free |
| Free plan | Yes | Yes |
| Free trial | — | — |
| Open source | Yes | — |
| Web | Yes | Yes |
| iOS | Yes | — |
| Android | Yes | — |
| API | Yes | — |
| Self-hosted | Yes | — |
| Plans published | 2 | 1 |
| Spec score · Rich Text Editor Software | 8.9 (#2) | 7.5 (#21) |
| Installation | Developers can install through npm, Yarn, jsDelivr CDN or a local editor.js file. | Trix is available in ESM and UMD formats, can be included from an npm CDN, or installed as an npm package. |
| License | The site says Editor.js is released under the Apache 2 License. | The GitHub project identifies Trix as an open-source project and lists an MIT license. |
| Maker | CodeX describes Editor.js as a free open-source project made by a nonprofit global team. | Trix is made by 37signals, the creators of Ruby on Rails. |
Plans
In their own words
Editor.js
Editor.js is a free, self-hosted block-style editor that structures content and returns it as JSON. Its workspace keeps paragraphs, headings, images, lists, and quotes in separate blocks. Plugins provide the blocks, and developers can create additional ones through the API. The JSON can be rendered for web and mobile clients, Facebook Instant Articles, Google AMP, or audio; it can also be sanitized, validated, and processed on a backend. The getting-started guide includes header, link embed, image, checklist, list, embed, and quote tools. Installation options include npm or Yarn, a CDN, or a local project file. Read-only mode works when every block tool in use supports it. Configuration can localize the editor interface, tool names, tools, and block tunes. Editor.js supports JavaScript and TypeScript, structured content, and table editing, but not real-time collaboration. The site identifies CodeX, a non-profit team, as its maker, and lists the Apache 2 License. Its free plan costs nothing, with no free trial.
Trix
Trix is a free, open-source WYSIWYG editor for composing messages, comments, articles, and lists in web applications. It uses an internal document model that turns editing into operations and renders the result as terse, consistent HTML. Default formatting covers bold, italic, links, strikethrough, headings, quotes, code, and bulleted or numbered lists. Users can drop or paste files; the host application must upload them and supply permanent URLs. GIF, PNG, WebP, JPG, and JPEG attachments receive automatic previews. Trix supports unlimited undo and redo, form integration through a changing hidden input, and toolbar customization through events and data attributes. It sanitizes content with DOMPurify, while its documentation warns that directly inserted untrusted HTML can execute before sanitization. The editor supports accessible names through label, aria-label, and aria-labelledby attributes. It runs in evergreen desktop and mobile browsers and is available through npm, npm CDN, ESM, and UMD.