HyperMD基于 CodeMirror 的 Markdown 编辑器组件

HyperMD 是一组 [CodeMirror] 插件、模式和主题。

你可以在一个页面上同时使用 HyperMD 和 CodeMirror。

1. Markdown 写作和预览，一个框就够了

   
   
   
   

   • 粗体字、斜体字、删除线、Code

   
   

   • 链接、图片、脚注

   
   

   • 引用块、代码块

   
   

   • 标题

   
   

   • 水平线

   
   

   •  列表（支持层叠列表、待办事项框）

   
   

   • TeX 公式渲染，例如 $ e^{ i\pi } + 1 = 0 $ 或者多行公式块 [^4]

   
   

   • 普通表格

   
   



2. 按着 Alt 点击 可以打开链接，或者跳到脚注 [^1]




3. 代码块语法高亮 支持数百种语言 [^2]




4. 鼠标悬停 可以查看脚注内容




5. 复制粘贴 自动转换网页内容为 Markdown [^5]




6. 可复用大量 CodeMirror 插件，包括

   
   
   
   

   • VIM/Emacs 模式、自定义按键绑定

   
   

   • Diff and Merge

   
   

   • 全屏

   
   

   • 各种主题 [^3]

   
   



7. 自动载入语法高亮规则




8. 上传图片 只需要复制粘贴，或者把文件拖进来就行了




9. Power Pack 用各种第三方库增强 HyperMD 功能，例如 [MathJax][], [marked][], KaTeX ...




10. [还有更多...][doc]

在线演示