Editor.js vs MDXEditor
Editor.js
editorjs.ioMDXEditor
mdxeditor.devSide by side
| Figure | Editor.js | MDXEditor |
|---|---|---|
| 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) | 8.3 (#9) |
| Extensibility | Blocks are powered by plugins, and the site says developers can create their own using its API. | Developers can extend the editor with plugins and custom logic, including custom editors for Markdown directives. |
| License | The site says Editor.js is released under the Apache 2 License. | The GitHub repository lists an MIT license. |
| Support | The contributing page invites users to report bugs with reproduction steps and environment details, and provides a team email for feedback. | The maker invites users to open a GitHub issue or discussion and lists an email contact for reaching out. |
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.
MDXEditor
MDXEditor is a web-based React component for writing Markdown in a rich-text editor. It accepts and returns Markdown strings, without converting documents through an intermediate HTML representation. Its editing engine uses Lexical, and developers can add capabilities with plugins or build plugins for additional Markdown constructs. Listed tools include headings, quotes, links, lists, images, tables, code blocks, front matter, shortcuts, directives, JSX components, source editing, diff views, and a customizable toolbar. Table editing covers rows, columns, and alignment, with Markdown allowed in cells but not HTML tables. Images can come from URLs or local devices, be pasted or dropped, and use an integrator-provided upload handler. Code blocks support syntax highlighting and language-aware editing, with CodeMirror available for editable blocks. It is installed from npm in React projects and has setup guides for Next.js, Vite, Remix, and Create React App. It is self-hosted, free at free, and licensed under MIT. Server rendering and changes to font size, color, or family are not supported.