Modern MD Editor：让 Markdown 创作无缝衔接社交平台发布
Modern MD Editor 是一款专为创作者与内容团队打造的现代化 Markdown 编辑器。它通过「所见即所得编辑 + 实时预览 + 高保真富文本复制」的组合，解决了 Markdown 文本在发布至微信公众号等社交平台时常见的排版走样问题，确保字体、行高与主题在多端保持高度统一。
核心功能详解
1. 极致的排版还原与分发
针对社交平台发布需求，编辑器支持一键将内容转换为高保真 HTML。通过自动注入内联样式，可精准控制字体、字号、配色及行间距，使标题、列表、引用、代码块等元素在公众号等平台中完美还原主题设计。
2. 灵活的编辑模式与多端预览
编辑器提供三种视图模式：纯编辑器、编辑 + 预览双栏、以及完全所见即所得的富文本模式。用户可在创作过程中快速切换桌面、平板、手机三种视口，实时感知内容在不同设备上的呈现效果。
3. 强大的语法支持与视觉定制
- 语法底座： 基于 Milkdown（兼容 Commonmark 与 GFM 标准），支持 Mermaid 节点图，并对表格内反引号等特殊场景做了兼容处理。
- 代码高亮： 集成 Prism 插件，确保代码块的视觉风格与整体主题系统一致。
- 视觉面板： 支持通过 CSS 变量实时调节布局、圆角、阴影及字体族，所有自定义主题色均可持久化保存。
4. 性能与兼容性优化
- 剪贴板增强： 优先采用现代 Clipboard API，并提供自动降级机制以确保兼容性。
- 流畅体验： 通过主题预加载消除 FOUC（闪烁）现象，结合防抖与缓存机制提升响应速度。
桌面端应用（Electron）
除了 Web 版本，Modern MD Editor 还提供基于 Electron 的跨平台桌面应用（支持 macOS / Windows / Linux），带来更原生的操作体验：
- 本地文件管理： 支持直接打开与保存
.md、.markdown及.txt文件。 - 高效快捷键： 集成
Cmd/Ctrl+O（打开）与Cmd/Ctrl+S（保存）等标准快捷操作。 - 开发者友好： 提供完整的应用菜单及详细的操作日志，便于调试与排错。
- 快速开发：通过
npm run electron:dev即可同步启动开发服务器与应用。
技术栈概览
- 核心框架：Vue 3 + Vite 5 + CodeMirror 6
- 编辑器能力：Milkdown + Prism
- 壳工程：Electron
适用场景
- 专业内容团队： 需要将 Markdown 稿件稳定、高质量地输出至微信公众号及其他社交平台。
- 品牌创作者：对排版细节有极致追求，需要锁定品牌视觉一致性的用户。
- 多端发布者：希望在写作阶段即完成多设备适配，避免发布后重复调整排版。
获取方式
正文完
