ContentTools vs Editor.js
ContentTools
getcontenttools.comEditor.js
editorjs.ioSide by side
| Figure | ContentTools | Editor.js |
|---|---|---|
| Price from | Free | Free |
| Free plan | Yes | Yes |
| Free trial | — | — |
| Open source | — | Yes |
| Web | Yes | Yes |
| iOS | — | Yes |
| Android | — | Yes |
| API | Yes | Yes |
| Self-hosted | — | Yes |
| Plans published | 1 | 2 |
| Spec score · Rich Text Editor Software | 8.5 (#4) | 8.9 (#2) |
| License | The project code is licensed under MIT. | The site says Editor.js is released under the Apache 2 License. |
| Saving | The editor emits a saved event so an application can send changed region content to its server for storage. | editor.save() returns a Promise containing time, blocks and version fields. |
| Support | The project README directs how-to questions to Stack Overflow and suspected bugs or feature requests to GitHub issues. | The contributing page invites users to report bugs with reproduction steps and environment details, and provides a team email for feedback. |
| What it does | ContentTools is a WYSIWYG editor for editing HTML content in a web page. | Editor.js is a block-style rich-media editor that stores content as structured JSON. |
Plans
In their own words
ContentTools
ContentTools is a JavaScript library for adding WYSIWYG editing to HTML pages. Developers include its CSS and JavaScript files, mark the page regions that should be editable, and configure the editor to initialize from those regions. Editing tools support inserting and converting images, videos, tables, and lists; users can drag blocks to rearrange them and resize images and videos. Undo and redo are supported without a stated limit during an editing session. Developers can define a palette of styles for eligible elements. The library is framework agnostic and extensible, and its five component libraries can be used independently. The maker describes integrations with CMS applications and web frameworks including WordPress, Yii, Laravel, and Django. ContentTools is free and MIT licensed. It does not store edited content or provide user authentication, so developers need to configure their own save mechanism. Its image-upload interface includes rotation and cropping, but the demo simulates those functions without a server-side API. Pre-built project files are available in the repository’s build folder.
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.