HyperMD 是一组 [CodeMirror][] 插件、模式、主题、编辑器命令(Commands)和按键绑定(KeyMap)等。
你可以在一个页面上同时使用 HyperMD 和 CodeMirror。
写作与预览,只需一个框
- 各种常规 Markdown 元素
- 粗体字、斜体字、删除线、
Code
- 链接、图片
- 标题 / 引用块 / 代码块 / 列表 / 水平分割线
- 粗体字、斜体字、删除线、
- 扩展的 Markdown 语法
- 简单表格
- 脚注 [^1]
- TODO 列表 (可点击勾选框, 改变状态)
- YAML Front Matter </ul>
- $\LaTeX$ 公式,同时支持行内块与多行公式 [^4]
- Emoji
:joy:
=> (支持自定义的表情) - 以及一些特殊玩法,例如……
- 在 Markdown 里嵌入 HTML 标签 -- WYSIWIG MDX 了解一下
- 支持 #话题标签 [^6] ,查看演示
- 流程图 和 图表 (mermaid 或者 flowchart.js) </ul> </li> </ul>
- 复制粘贴,或者拖拽文件,即可 上传图片 和文件
- 按着 Alt 点击 可以打开链接,或者跳到脚注 [^1]
- 鼠标悬停 可以查看脚注内容
- 复制粘贴 自动转换网页内容为 Markdown [^5]
- 好用的 按键绑定 (也叫做 KeyMap)
- 代码块语法高亮 支持数百种语言 [^2]。高亮规则可按需动态载入。
- 灵活可配置的按键绑定与 CodeMirror API
- Diff and Merge
- 各种主题 [^3]
- 绝大多数 CodeMirror 插件 都可在 HyperMD 里使用
- Power Pack 机制,用各种第三方库和服务增强 HyperMD 功能
- 例如 [MathJax][], [marked][], [KaTeX][] ...
- 详细列表
- HyperMD 本身也是很模块化的。 </ul>
- 表格
- 回车 使用
| column | line |
创建表格 - 回车 插入一行或者结束表格(如果最后一行的格子都是空的)
- Tab 和 Shift-Tab 在表格间切换
- 回车 使用
- 列表
- Tab 和 Shift-Tab 改变当前列表项的缩进 </ul> </li>
- 格式化 光标旁边的单词(或者选中的文字)
- Ctrl+B 加粗
- Ctrl+I 斜体
- Ctrl+D 删除线 </ul> </li> </ul>
更好的 Markdown 写作体验
CodeMirror 的好处,这里都有份
可扩展,可配置
特制的按键绑定(KeyMap) "HyperMD":