MDXEditor vs Squire
MDXEditor
mdxeditor.devSquire
github.comSide by side
| Figure | MDXEditor | Squire |
|---|---|---|
| Price from | Free | — |
| Free plan | Yes | — |
| Free trial | — | — |
| Open source | — | — |
| Web | Yes | Yes |
| Plans published | 1 | 0 |
| Spec score · Rich Text Editor Software | 8.3 (#9) | 6.7 (#32) |
| Features | Its plugin-based features include headings, quotes, links, lists, images, tables, code blocks, front matter, and Markdown shortcuts. | The API includes formatting, links, lists, blockquotes, code, undo and redo, and HTML insertion and retrieval. |
| Integrations | 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. | The README names Fastmail, Proton Mail, SnappyMail, StartMail, Tutanota, Zoho Mail, Superhuman, Teamwork Desk, and Google Earth as users. |
| License | The GitHub repository lists an MIT license. | Squire is released under the MIT license. |
| Product | MDXEditor is an open-source React component for authoring Markdown documents in a WYSIWYG manner. | Squire is an HTML5 rich text editor designed to handle arbitrary HTML with cross-browser normalization. |
| Support | The maker invites users to open a GitHub issue or discussion and lists an email contact for reaching out. | The README asks bug reporters to reproduce issues using the repository's Demo.html to help distinguish editor bugs from integration bugs. |
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.