CKEditor 5 vs MDXEditor

CKEditor 5 is a TypeScript and JavaScript framework for building WYSIWYG rich-text editing experiences. Its editing tools cover text formatting, images, media embeds, links, tables, and lists, with HTML or Markdown output. Collaboration features include comments, change tracking, restricted editing, and revision history. It can export content to PDF or Word and import DOCX documents. Official integrations are documented for Angular, React, Next.js, Nuxt, Vue, Salesforce, Svelte, Spring Boot, jQuery, SharePoint SPFx, and Drupal. Setup options include npm, CDN, and ZIP. The self-hosted editor can be used without an account under the GPL, subject to compliance, and displays a Powered by CKEditor logo; commercial self-hosting requires a custom plan and sales contact. A free plan includes 1,000 monthly editor loads, then $60 per extra 1,000. Paid plans start at $144 per month billed annually, and a 14-day premium-features trial requires no credit card. Cloud plans count monthly loads, charge for additional blocks of 1,000, and do not roll unused loads over.

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.