Modern MD Editor

Modern MD Editor是由独立开发者“小盒子”（xiaobox）创建并开源的项目。这位开发者本身是公众号作者，因不满现有工具在排版自定义上的局限，决定为自己打造一款“用着舒服”的编辑器，并开源分享给有同样需求的内容创作者。

它的核心定位是“社交平台友好型Markdown编辑器”。不同于Typora等通用编辑器，Modern MD Editor在保持优雅写作体验的同时，重点解决了Markdown内容发布到微信公众号等平台时的样式丢失问题。它通过自动内联样式（将字体、行高、字距、配色等直接写入HTML标签），让复制过去的文章能程度保留编辑器中的视觉效果。该项目曾获阮一峰《科技爱好者周刊》推荐，开源后获得广泛关注。

官网入口地址

• 在线使用：https://mmdeditor.boxtech.icu/

• 开源项目：https://github.com/xiaobox/mdeditor

下载地址

• Web版：直接访问在线地址使用，无需安装

• 桌面客户端：支持Windows、macOS和Linux，可通过GitHub Releases页面下载对应安装包

• Docker部署：支持一键私有化部署

功能介绍

Modern MD Editor的功能围绕“创作-预览-发布”全流程设计。

所见即所得编辑与实时预览
编辑器支持三种视图模式：纯编辑器、编辑+预览双栏、以及所见即所得（可编辑）模式。基于Milkdown（兼容CommonMark与GFM标准）和Prism代码高亮，确保Markdown语法与渲染效果同步。同时支持桌面、平板、手机三种视口一键切换，帮助创作者在写作阶段即完成多端适配预览。

一键复制为社交平台格式
这是Modern MD Editor最核心的功能。它自动将Markdown转换为带有内联样式的富文本HTML，精准控制字体、字号、行高、字距及配色，确保标题、列表、引用、代码块等元素在微信公众号等平台中还原。优先使用现代Clipboard API，失败时自动降级，增强兼容性。

专业语法支持

• LaTeX数学公式：基于MathJax 3渲染为SVG，支持行内公式（如$E=mc^2$）和块级公式，可兼容微信公众号。

• Mermaid图表：支持流程图、时序图、甘特图等多种数据图表绘制。

强大的主题与排版系统
内置“默认”与“清风排版”等多套主题系统。用户可自定义主题色（支持拾色器）、代码样式、字体、字号、字间距和行间距，所有设置实时预览并持久化保存，且复制到公众号时同样生效。

导出下载（PDF/图片）
基于html2canvas和jsPDF实现纯前端导出，无需后端服务。支持将文档导出为A4自动分页的PDF文件，或导出为高清PNG长图，导出效果与预览保持一致。

灵活的部署方式
除直接使用Web版外，支持Docker一键部署私有化服务，也可通过Electron桌面客户端实现本地文件管理（打开/保存.md文件）。

应用场景

• 公众号内容创作：将Markdown格式的文章一键复制到公众号后台，保留完整排版样式，无需二次调整。

• 技术博客与文档：支持代码高亮和Mermaid图表，适合撰写技术教程并导出为PDF或长图分享。

• 多平台内容分发：适配微信公众号、知乎等平台的富文本格式，一套内容多处发布。

• 私有化协作：团队可通过Docker部署内部版本，统一文章排版风格。

使用方法

1. 访问工具：打开在线地址或启动桌面客户端。

2. 编写内容：在编辑器中使用Markdown语法写作，支持标题、列表、代码块、公式等。

3. 实时预览：在右侧预览区查看渲染效果，可切换桌面/平板/手机视口。

4. 调整样式：在设置面板中选择主题、调整字体、字号、间距等排版参数。

5. 一键复制：点击“复制为公众号格式”按钮，内容自动转换为带内联样式的高保真HTML。

6. 粘贴发布：切换到微信公众号后台，直接粘贴（Ctrl+V）即可完成发布。

服务支持

• 定价模式：免费且开源，基于MIT许可证。无需注册，无付费功能。

• 开发者信息：由独立开发者“小盒子”（xiaobox）开发维护。

• 社区支持：用户可通过GitHub Issues提交反馈和建议。

• 应用示例：公众号作者撰写了一篇包含代码、公式和表格的技术文章，在Modern MD Editor中完成写作和样式调整后，点击“一键复制”到公众号后台，文章字体、行间距、代码高亮效果全部保留，无需任何二次排版，直接发布。