目录
一、为什么越来越多人用在线Markdown编辑器
如果你经常写技术文档、博客草稿,或者需要把内容排版后发到公众号、知乎,Markdown几乎是最省心的格式。它用几个简单符号就能完成标题、列表、加粗、代码块,写的时候手不用离开键盘。而在线编辑器的好处是:不用装软件,打开浏览器就能写,换台电脑也不影响,部分工具还能把内容同步到云端或者存在浏览器本地,避免丢失。
下面挑的五款,各有侧重。有的功能很全,连流程图和PPT预览都包了;有的走极简路线,打开就写;有的适合已经习惯用云盘存稿的人。你可以根据自己平时写什么、在哪写来选。
二、五款在线Markdown编辑器逐个看
1. Arya:功能全到有点意外的国产开源工具
官网入口: https://markdown.lovejade.cn/
Arya(中文叫“二丫”)是一位国内开发者基于Vue和Vditor构建的开源在线编辑器。它最打动人的地方是把很多要付费或者装插件才能用的功能直接做进去了。
功能介绍: 基础Markdown语法自然不在话下,比较突出的是支持流程图、甘特图、时序图、任务列表,甚至能画五线谱和渲染Echarts图表。它还内置了PPT预览模式,用---分隔幻灯片就能把Markdown当简易PPT用。从网页复制内容粘贴进去,能自动转成Markdown格式,对经常摘录资料的人很实用。导出方面支持带样式的PDF、PNG、JPEG,还有专门为微信公众号准备的HTML格式,复制过去排版基本不用再调。编辑内容会自动存在浏览器本地,关掉标签页再打开还在。
应用场景: 写技术文档需要画流程图、写公众号需要快速排版、做简单演示文稿又不想开PowerPoint的时候,Arya能省不少切换工具的时间。
定价与使用方式: 免费且开源。普通用户直接访问官网就能用,技术用户也可以用Docker一条命令部署到自己服务器上。
2. Dillinger:打开就写,不注册不折腾
官网入口: http://dillinger.io
Dillinger 走的是“零摩擦”路线。打开网页,左边写,右边实时出效果,不需要注册账号,关掉浏览器之前草稿会自动存在本地。它用的是 Monaco 编辑器内核,也就是 VS Code 同款,所以代码高亮和编辑手感对开发者比较友好,还支持 Vim 和 Emacs 键位。
功能介绍: 实时预览、拖拽导入文件、导出 Markdown / HTML / PDF 这些基础操作都有。比较实用的是云同步:可以连接 GitHub、Dropbox、Google Drive、OneDrive 和 Bitbucket,直接从这些地方打开文件或者保存回去。另外它支持数学公式和脚注,写学术笔记或者带公式的文档也能应付。
应用场景: 临时需要写一段Markdown、不想注册任何账号、写完直接导出PDF或者存到云盘,Dillinger 是最快能上手的选择之一。
定价: 免费,无付费墙,无强制注册。
3. StackEdit:习惯用云盘存稿的人会喜欢
官网入口: https://stackedit.io/ (中文版入口:https://stackedit.cn/app#)
StackEdit 在Markdown编辑器里算老牌选手了,的特点是和云存储绑得比较紧。你可以用 Google Drive、Dropbox、GitHub、Gitee 等账号登录,文档直接存在自己的云盘里,换设备登录同一个账号就能接着写。
功能介绍: 实时预览、离线编辑、语法高亮、数学公式渲染都支持,也支持用 Mermaid 画流程图和UML图。它还有历史版本功能,不小心改了想找回之前的版本比较方便。文档可以发布成链接分享给别人,对方不用注册也能看。
应用场景: 已经习惯把笔记放在 GitHub 或 Gitee 仓库里管理的人,用 StackEdit 可以直接读写仓库文件,相当于给云盘加了一个顺手的Markdown编辑界面。
定价: 免费。编辑器本身不收费,文档占用的云盘空间取决于你用的 Google Drive 或 Gitee 账号的免费额度。
4. Markdown Online:轻量够用,适合快速起草
官网入口: 可通过搜索引擎查找“Markdown Online”进入。
Markdown Online 的定位很清晰:免费、实时预览、在线创建和导出。界面干净,没有太多花哨的功能堆叠,适合只需要“写Markdown、看效果、导出来”这条路径的人。它面向的是作家和开发者的日常轻量写作需求,不需要学习成本,打开就能用。
应用场景: 快速写一篇博客草稿、整理一段带格式的笔记、把纯文本转成HTML,这类短平快的任务用它很顺手。
定价: 免费。
5. MD File Viewer:专注“看”和“改”的轻量工具
官网入口: 可通过搜索引擎查找“MD File Viewer”进入。
这款工具的名字就说明了它的定位:查看和编辑MD文件。它的核心设计理念是让用户不用在源码和预览之间反复切换,打开一个 .md 文件就能直接看到渲染效果,同时也可以编辑。对于收到别人发来的Markdown文件、只想快速看一眼内容或者改几个字的人来说,它比打开一个功能齐全但加载更重的编辑器要快。
应用场景: 快速查看下载的README文件、临时修改一个.md文档、不想安装任何软件时的应急打开方式。
定价: 免费。
| 源码反馈/咨询 (共有 条反馈) |
markdown在线编辑器常见问题
由个人开发者nicejade基于开源项目Vditor构建,项目托管在GitHub上,不是公司产品。
免费,目前没有看到收费版本或付费功能限制。
编辑内容默认保存在浏览器本地存储中,不上传到服务器。但如果你使用导出或复制功能,内容会经过浏览器处理,这是正常范围。没有账号体系,不涉及个人信息的收集。
PPT预览模式算一个。在设置里开启后,用---分隔幻灯片,可以把Markdown文档当成简单的演示文稿来预览。另外粘贴HTML自动转Markdown在从网页摘录内容时很实用。
它是基于Web的工具,手机浏览器可以打开,但界面布局主要针对桌面端设计,小屏幕上操作体验会打折扣。
搜索“Markdown Online”会出现多个相似站点。MarkIt Down旗下的markitdown.tech提供类似功能,而markdownonline.org是另一个独立站点。两者都走轻量免费路线,具体选哪个打开速度快就用哪个。
草稿保存在浏览器的本地存储里,不会自动上传到服务器。只有主动保存到云端工作区时内容才会发送。换浏览器或清除缓存后本地草稿会消失。
日常写文档、预览、导出Markdown和HTML够用。需要渲染数学公式或Mermaid图表时才需要考虑Pro。
由@joemccann设计和开发,是一个开源的项目,不隶属于任何大公司。
连接Dropbox、Google Drive等云服务时,授权是通过各平台的标准OAuth流程完成的,Dillinger不直接接触你的云账号密码。文档在浏览器和云盘之间传输。如果不开启云同步,草稿只存在本地浏览器里。
编辑器内核是Monaco,写代码和Markdown的手感都不错。界面干净,功能不堆砌。如果你不需要流程图、公式渲染这些进阶能力,它属于顺手的那一类。
浏览器标签页占用,关掉就释放了。Monaco编辑器本身比普通textarea稍重一点,但现代电脑跑起来没感觉。
由Benoit Schweblin创建,是一个开源项目,基于Page Down库。
免费,开源,没有付费版本。
文档默认存在浏览器本地,开启云同步后通过Google Drive或Dropbox的授权访问。需要注意的是官方提示:清除浏览器数据删除本地文档,重要内容务必开启同步或定期导出。
Blogger、WordPress、Tumblr、GitHub、Gist、Google Drive、Dropbox,以及任何支持SSH的服务器。对于多平台分发的博主来说省事不少。
功能全面,但界面信息密度比前面几款高一些。初次打开需要花几分钟熟悉各个按钮的位置。用习惯了之后,发布和同步能力确实方便。
由一个小型独立团队维护,官方关于页面没有披露公司实体,强调是“由开发者构建、为开发者服务”的项目。
官方明确表示文件不离开浏览器,编辑和预览都在本地完成。从技术实现看,纯前端处理是可行的,这类工具的服务条款也声明了这一点。
免费,没有付费计划。
支持导出和下载功能,具体格式以站点当前版本为准。从定位来看,它更侧重于“查看和预览”而非重度编辑。
需要画流程图、时序图的话选Arya;需要发布到多个平台选StackEdit;只是写纯文字文档,MarkdownOnline或MDFileViewer打开更快。
在线工具的优势是免安装、跨设备、临时用方便。Typora的优势是本地文件管理、更成熟的编辑体验、不依赖网络。日常重度写作还是本地软件更稳,在线工具适合应急和轻量场景。
上面这些工具首次加载需要网络,之后部分功能(如本地草稿编辑)在断网状态下仍可用,但云同步和导出会受影响。如果经常在无网环境写作,建议用本地软件。
不管用哪款在线工具,养成手动导出.md文件到本地的习惯。浏览器本地存储靠不住,换设备、清缓存、浏览器更新都让草稿消失。云同步是第二道保险,本地文件才是一道。