这也许是最强势的 所见即所得 Markdown 编辑器 🤟🏻

[laobubu]

这个去年发过，但是当时算是一个写得挺乱的实验品。 上个月我重新拾起来这个项目，好好地用 TypeScript ~~重构~~ 重写了一番。

这是一个 Markdown 编辑器组件，基于 CodeMirror，目标是：

打破 Markdown 写作 和 预览 的 次元壁！

在线体验 | GitHub 项目地址

这个编辑器组件很容易集成到网页中，具体可以参考 https://laobubu.net/HyperMD/docs/ HyperMD 的文档

---

先大致看一下 在线体验 页

能够自动隐藏、渲染许多 Markdown 元素。几乎是所见即所得！

大家可以随便找几个 Markdown 文件，把内容复制进去试试看。

---

还有许多不同的体验……

上传图片（甚至是文件）

演示页不支持上传文件，但是图片还是可以试试的。

Ctrl+点击，打开链接，跳转脚注，改变 TODO 状态

复制网页，直接粘贴成 Markdown

这个基于第三方库做的

支持表格、列表、数学公式等、甚至一些内嵌的 HTML 元素

• 对于代码块，能够自动载入语法高亮规则
• 可以用 Tab 和 Shift-Tab 编辑表格和列表
• 可以嵌入 HTML，实现居中显示和自定义元素等（虽说这个功能还有一点问题）

---

说明一下，这个是只是个编辑器组件，因此下面这些功能都不支持：

• 读取、保存内容
• 云同步笔记
• 文档管理
• 上传文件到云盘（除非自定义一个上传回调函数）
• 管理 Jekyll 或者其他博客的文章

如果有兴趣的话，可以考虑基于这个编辑器组件，一起来搞个新项目。

另外，这个项目里也有一些有意思的地方，比如用 TypeScript 自动生成 API 文档、组件设计之类的。（如果这个项目有关注度的话，也许可以梳理一下里面的技术？）

[200551310]

什么时候根据这个集成一个软件多好呀，mac 上还是习惯端上写作，但是很多软件的流畅度基本上达不到我的要求。

[laobubu]

@200551310 #61 如果是 App 端的话，可以试试 Typora ？

[aliangddd]

收藏在哪里？