# 公众号Markdown编辑器Rico MD

*Published:* 2026-06-29
*Author:* 飞翔001

一款专为微信公众号写作与排版设计的纯前端 Markdown 编辑器。支持实时预览、代码块主题、图片本地持久化与一键复制富文本，让内容创作者能够专注于内容本身，摆脱繁琐的排版困扰。免费开源，无需注册或安装。

![公众号Markdown编辑器Rico MD](https://www.xarjtc.com/wp-content/uploads/2026/06/10b4cd5817e6434.webp)

**🎯 核心功能**

实时预览： 编辑 Markdown 的同时即时查看渲染效果，所见即所得

一键复制富文本： 完成编辑后直接复制为公众号可识别的富文本格式

图片本地持久化： 图片保存在浏览器本地，避免外部链接失效导致图片丢失

编辑与预览  
左侧 Markdown 编辑，右侧实时预览。  
支持常用编辑快捷操作（标题、加粗、斜体、引用、代码块、分割线、表格等）。  
支持桌面/手机预览模式切换。  
文档管理  
支持多文档创建、切换、复制、删除、搜索。  
删除操作使用确认弹窗，避免误删。  
删除最后一篇文档后会自动创建一篇空白文档，保证始终有可编辑文档。  
文档与当前激活状态会持久化到 localStorage。  
自动保存与保存状态  
输入后采用固定 5 秒 防抖自动保存。  
状态栏显示 保存中 / 已保存 / 保存失败 与最后保存时间。  
保留显式保存快捷键：Ctrl/Cmd + S。  
主题与代码面板  
内置多套公众号排版主题（当前 20 套），按风格分类：  
简约主义：默认、极简、科技、优雅简约、沉浸阅读、Jony Ive  
技术阅读：Anthropic、Wired、Medium 阅读、Apple 极简、AI Coder  
传统质感：纸纪、晚点深度、金融时报、墨线·报纸、杂志  
设计灵感：素白·留白、赭红·编辑、素灰·清水、赤陶·有机、墨蓝·卫报、朱红·日经、素墨·世界报  
代码面板支持独立代码主题（当前 16 套）。  
图片处理（本地优先）  
支持粘贴、拖拽、工具栏上传图片。  
使用 Canvas 压缩（保留 GIF/SVG 策略）后写入 IndexedDB。  
编辑器内使用 img:// 短链接，避免大段 Base64 影响输入性能。  
渲染时从 IndexedDB 读取并替换为可预览 URL。  
复制到公众号时自动转换为 Base64，提升粘贴兼容性。  
导出与复制  
一键复制到公众号（富文本 HTML）。  
支持复制纯文本。  
支持导出 .md 与 .html。

在线网址：https://md.ricoui.com/

GitHub地址：https://github.com/ricocc/rico-md