MDXEditor vs Novel
MDXEditor
mdxeditor.devNovel
novel.shSide by side
| Figure | MDXEditor | Novel |
|---|---|---|
| Price from | Free | — |
| Free plan | Yes | — |
| Free trial | — | — |
| Open source | — | — |
| Web | Yes | Yes |
| Self-hosted | — | Yes |
| Plans published | 1 | 0 |
| Spec score · Rich Text Editor Software | 8.3 (#9) | 7.2 (#27) |
| License | The GitHub repository lists an MIT license. | The repository is licensed under Apache-2.0. |
| Product | MDXEditor is an open-source React component for authoring Markdown documents in a WYSIWYG manner. | Novel is an open-source, Notion-style WYSIWYG editor with AI-powered autocompletions. |
| Support | The maker invites users to open a GitHub issue or discussion and lists an email contact for reaching out. | The repository suggests opening an issue to report a bug and contributing through pull requests. |
Plans
In their own words
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.