Jodit vs MDXEditor
Jodit
xdsoft.netMDXEditor
mdxeditor.devSide by side
| Figure | Jodit | MDXEditor |
|---|---|---|
| Price from | Free | Free |
| Free plan | Yes | Yes |
| Free trial | — | — |
| Open source | — | — |
| Web | Yes | Yes |
| API | Yes | — |
| Self-hosted | Yes | — |
| Plans published | 3 | 1 |
| Spec score · Rich Text Editor Software | 7.7 (#15) | 8.3 (#9) |
| Product | Jodit is a WYSIWYG editor built with TypeScript. | MDXEditor is an open-source React component for authoring Markdown documents in a WYSIWYG manner. |
| Support | The maker advertises priority support for Jodit PRO and a named contact with prioritized tickets for Enterprise. | The maker invites users to open a GitHub issue or discussion and lists an email contact for reaching out. |
Plans
In their own words
Jodit
Jodit is a TypeScript WYSIWYG editor for web, self-hosted, and API deployments. Its free MIT-licensed core includes more than 70 built-in plugins, custom toolbar and theming options, and semantic HTML output. The editor supports table editing and media handling, including images added by upload, URL, file browser, or base64 data URI, plus iframe, video, and audio elements. The maker describes Jodit as dependency-free with a minified size under 400 KB. Framework examples include React, Angular, Vue, Yii2, Joomla, TypeScript, and JavaScript, with integrations for elFinder, a Node.js connector, and AWS S3 uploads. Jodit PRO adds PDF export, Word and Excel paste, autocomplete, mentions, and a file finder. Self-hosted use collects no telemetry, and license validation runs locally. The free plan costs nothing.
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.