BlockNote vs MDXEditor

BlockNote is an open-source rich-text editor for developers adding document editing to web applications. It is suited to knowledge bases, note-taking apps, document editors, and internal tools, with a ready-made animated interface and block-based documents to start from. Developers can add custom block types, change menus, or build a UI from scratch. The editor is built on ProseMirror and TipTap; real-time collaboration uses Yjs, with providers including Liveblocks, PartyKit, Y-Sweet, Hocuspocus, y-websocket, and y-webrtc. Documentation lists y-indexeddb for offline storage. BlockNote imports and exports its JSON format and HTML, while conversions to standard HTML and Markdown are marked lossy. XL packages add AI integration, multi-column layouts, and exports to PDF, DOCX, ODT, and email. They are free for open-source projects under GPL-3.0; closed-source use requires a commercial license. The Community plan is free, and Business is $195 a month, billed yearly. It runs self-hosted or on the web.

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.