这个去年发过，但是当时算是一个写得挺乱的实验品。 上个月我重新拾起来这个项目，好好地用 TypeScript ~~重构~~ 重写了一番。
这是一个 Markdown 编辑器组件，基于 CodeMirror，目标是：
打破 Markdown 写作 和 预览 的 次元壁！
这个编辑器组件很容易集成到网页中，具体可以参考 https://laobubu.net/HyperMD/docs/ HyperMD 的文档
先大致看一下 在线体验 页
能够自动隐藏、渲染许多 Markdown 元素。几乎是所见即所得！
大家可以随便找几个 Markdown 文件，把内容复制进去试试看。
还有许多不同的体验……
上传图片（甚至是文件）
演示页不支持上传文件，但是图片还是可以试试的。
Ctrl+点击，打开链接，跳转脚注，改变 TODO 状态
复制网页，直接粘贴成 Markdown
这个基于第三方库做的
支持表格、列表、数学公式等、甚至一些内嵌的 HTML 元素
- 对于代码块，能够自动载入语法高亮规则
- 可以用 Tab 和 Shift-Tab 编辑表格和列表
- 可以嵌入 HTML，实现居中显示和自定义元素等（虽说这个功能还有一点问题）
说明一下，这个是只是个编辑器组件，因此下面这些功能都不支持：
- 读取、保存内容
- 云同步笔记
- 文档管理
- 上传文件到云盘（除非自定义一个上传回调函数）
- 管理 Jekyll 或者其他博客的文章
如果有兴趣的话，可以考虑基于这个编辑器组件，一起来搞个新项目。
另外，这个项目里也有一些有意思的地方，比如用 TypeScript 自动生成 API 文档、组件设计之类的。（如果这个项目有关注度的话，也许可以梳理一下里面的技术？）
1
为什么都是 CodeMirror 呢
Select Language