大家好,我是冷逸。
先说个判断:AI时代,Markdown已经成为AI的第一语言。
从ChatGPT 3.5那会儿写提示词,到现在的各种Agent设定、Skill构建,你会发现,几乎所有AI的活儿,最后都落在一个个.md文件上。
对人来说,它易读易写;对AI来说,它结构清晰、解析成本极低。
但你有没有发现一个特别拧巴的事,都到这个时候了,居然还是没有一款“纯粹好用”的Markdown编辑器。
Office三件套不能直接打开,即使用文本编辑器打开了又无法预览;浏览器倒是能看,但没法编辑;剩下的就只有那些在线小工具,但大多来自些不知名的网站,冷不丁给你弹个收费,你的数据往哪存、安不安全,也没人跟你说。
少数能打的产品,比如Obsidian,又更偏向知识管理,编辑Markdown本身不是它的重心。
所以我决定:自己写一个。

前后花了差不多一个周,改了不下十个版本,今天它终于能跟大家见面了。项目已经在Github开源,完全免费。

开源地址:
https://github.com/woyin2024/lengyi-markdown-editor
整个项目不到250kb,极其轻便,浏览器打开就能用。
我算了下,整个开发过程烧了差不多10亿Token,就靠大家的三连给我回点血了,感谢各位老板。

它有哪些功能?
我尽量把功能做得“够用且不累赘”:
1)拖拽导入
导入简单到没什么可说的,文件直接拖进来就行。目前支持md、txt和png。

2)多格式导出
导出这块,是群友一点点提建议给堆出来的,现在已支持md、docx、pdf、html、png等格式。

docx和pdf都是真正的文本文档,文字能选中、能复制、能编辑,不是那种截图糊上去的假货。
pdf走的是浏览器打印方案,弹出打印窗口后选「另存为pdf」就行,离线也能用。

导出图片,有多种尺寸可选。

内容太长的话,默认按适合手机看的长图给你导出来。
3)双栏同步滚动
编辑区和预览区,可以同步一起滚动,长文阅读非常实用。

4)自由分割布局
左边写,右边实时预览。编辑区和预览区相收就收,中间那根分割栏随便拖。支持鼠标和触屏操作。

而且系统能记住你的设定,关了再打开,你的内容、布局、主题,一样不落地给你留着。
点右上角「视图」还能切各种视图,也能全屏。

5)丰富的编辑工具栏
编辑工具,加粗、斜体、下划线、删除线、6级标题、LaTeX公式、引用、无序/有序/任务列表、行内代码、代码块、插链接、插图片、插表格、Mermaid图表,基本你能想到的都有。

插图片,本地文件能传,在线链接也能传,任何链接都行。

插表格,鼠标框一下就出来了,不用你手写代码。

Mermaid图表目前就两种,思维导图和流程图。后面看大家反馈,我再加。

整个UI我调得很清爽。代码块、引用、行内代码走的都是现在比较流行的现代简约风,干脆利落。
别小看这一套视觉和交互,光是抠这些小细节,我就来来回回迭代了十来版。
6)支持10种语言
搭了个i18n.js包,塞了10个语种的翻译,界面按钮、提示、弹窗、帮助文档,全都能自由切。

7)网页转MD
说实话,这块还没做好。很多域名它解析不了,比如公众号、知乎、百度这些都不行。

也欢迎大家在评论区支个招,帮我看看怎么搞。
因为你想啊,要搭自己的知识库,第一步就得先把手头的文章、资料全转成md,再喂给自己的Agent,这样才算真正把自己「炼」进去了。
这个功能要是能跑通,效率能省一大截。
8)最关键的一点:轻,本地跑
这工具最核心的两个字,就是「轻」和「本地」。
整个编辑器就是一个单HTML文件,打开即用。不用安装、不用注册、不用配任何服务器。
完全本地运行,断网也照样用。

怎么使用?
这个工具,一开始纯粹是我自己要用。做着做着我就在想,既然都做了,干嘛不做得再好一点,干脆做成真正的产品,开放给大家。
于是就有了后面这一个多周,每天迭代一点,每天迭代一点,磨到今天,开源分享出来。
用法很简单。
打开GitHub项目地址,点Code,点Download ZIP,把整个项目下载下来。

或者打开终端输入命令:
git clone https://github.com/woyin2024/lengyi-markdown-editor.git
也可以直接丢给你的Agent,让它帮你下。
帮我下载这个项目:https://github.com/woyin2024/lengyi-markdown-editor
下好之后,双击这个HTML文件,就能用了。

觉得有用的话,记得回GitHub给我标个⭐,谢啦。

我是怎么开发的?
整个开发过程,我大概花了一个周,跟Claude Code前前后后对话了不下 50 次。用到了三个模型:glm-5.2、DeepSeek-v4-pro和k2.7。

分工大概是这样:
-
glm负责产品架构和核心代码,是主力干将
-
DeepSeek负责产品文档、文案和README.md
-
kimi负责前端优化
整个HTML现在有3000多行代码。基本上每次只能推进3~5个功能,上下文就撑爆了(我用的glm-5.2,1M上下文窗口)。

所以我严格按照之前文章里写的方法来执行。

把功能拆细(有些是我一开始没想到,做着做着又补进来的),拆成无数个0-1的活,让模型一点点啃。这样它就不会去动之前的架构和功能。反正我用glm-5.2这么跑下来,出错的概率很小。
包括最终的前端优化方案,也是模型帮我想出来的。功能、页面都开发得差不多后,我直接让AI审查整个项目,给我提前端优化方案。
(可上下滑动,查看全图)
给大家看下第一版,页面明显还挺糙的。

再看第二版,视觉、UI、组件一下就精致了。

整个项目跑下来,大概烧了我10亿Token。这也是我之前在线下分享提过的:想练coding手感,别的先不说,建议你先把Token消耗拉到亿级再谈。
真跑一轮下来,你的Vibe Coding能力会上一个台阶。不管是对编程技术的理解,还是对模型的熟悉,以及对Claude Code的适应,都会上一个台阶。

写在最后
废话不多说了。
欢迎大家来玩,有功能建议、有bug,随时跟我说,我会一直迭代下去。
更重要的是,我觉得做一个md编辑器只是个开头。它后面可以无缝塞进我想做的Agent、Skill里,甚至你们公司的产品,也完全可以把它内嵌进去。
毕竟,md是AI的第一语言。
它,随处可见。而今天,我们终于有了一个能自由打开它、编辑它的趁手工具。
最后的最后,如果你觉得这个产品还不错的话,记得给我打个⭐,顺手三连。
感恩。

