ContentTools vs MDXEditor
ContentTools
getcontenttools.comMDXEditor
mdxeditor.devSide by side
| Figure | ContentTools | MDXEditor |
|---|---|---|
| Price from | Free | Free |
| Free plan | Yes | Yes |
| Free trial | — | — |
| Open source | — | — |
| Web | Yes | Yes |
| API | Yes | — |
| Plans published | 1 | 1 |
| Spec score · Rich Text Editor Software | 8.5 (#4) | 8.3 (#9) |
| Integrations | The maker describes integrations with CMS applications and web frameworks including WordPress, Yii, Laravel and Django. | The package is installed from npm in a React project, and the getting-started guide documents Next.js, Vite, Remix, and Create React App setups. |
| Intended users | The tutorials cover common editing scenarios and advanced topics for developers building their own editors. | The built-in plugins are geared toward technical documentation, while the editor can be extended for other use cases. |
| License | The project code is licensed under MIT. | The GitHub repository lists an MIT license. |
| Product | ContentTools is a JavaScript library for building WYSIWYG editors for HTML content. | MDXEditor is an open-source React component for authoring Markdown documents in a WYSIWYG manner. |
| Support | The project README directs how-to questions to Stack Overflow and suspected bugs or feature requests to GitHub issues. | The maker invites users to open a GitHub issue or discussion and lists an email contact for reaching out. |
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.
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.