HyperMD

超级

在Markdown编辑器中打破写作和预览之间的墙。

在线演示|示例|文档

中文介绍

Quickstart

 // npm install --save hypermd codemirror
var HyperMD = require ( 'hypermd' )
var myTextarea = document . getElementById ( 'input-area' )
var editor = HyperMD . fromTextArea ( myTextarea )

也适用于requirejs，包裹，webpack，普通浏览器env。阅读文档

为什么使用HyperMD？

HyperMD是一组CodeMirror附加组件 /模式 /主题 /命令 / keymap等。

您可以在同一页面上同时使用原始CodeMirror和HyperMD。

？写，即时预览

• 常规的降压块和元素
  • 强，重点，罢工， Code
  • 链接，图像
  • title / Quote / code块 /列表 /水平规则
• 降价扩展
  • 简单表
  • 脚注¹
  • 待办事项列表（盒子可单击）
  • YAML前事
  • $ latex $公式，内联或块显示模式²
  • 表情符号:joy: =>？ （也支持自定义表情符号）
• 还有更多
  • HTML在Markdown -Wysiwig MDX可能
  • #hashtag支持³ ，请参阅演示
  • 流程图和图表（美人鱼或Flowchart.js）

？更好的宣传体验

• 通过剪贴板上传图像和文件，或Drag'n'Drop
• alt+单击打开链接 /跳到脚注¹
• 悬停以阅读脚注
• 复制和粘贴，将HTML转换为Markdown ⁴
• 易于使用的钥匙结合（又名Keymap）

？ codemirror益处

• 代码块的语法亮点，支持120多种语言⁵ 。模式可以按需加载。
• 可配置的钥匙结合
• 差异和合并
• 主题⁶
• 几乎所有的Codemirror插件！

？可扩展且可自定义

• 使用PowerPacks即时整合第三方LIB和服务
  • Mathjax，标记，Katex等。
  • 阅读列表
• 高度函数高度调节

？量身定制的Keymap “ HyperMD”：

• 桌子
  • 输入使用| column | line |
  • 输入插入新行或完成表（如果最后一行为空）
  • 标签或换档以在单元格之间导航
• 列表
  • tab或shift-tab到缩进/不明智的当前列表项目
• 格式化附近的单词（或选定的文本）
  • Ctrl+B粗体
  • Ctrl+我强调
  • Ctrl+D。罢工

特别感谢

？服务和资源

ICOMOON- iCONPACK（免费版本） 演示页面使用Icomoon图标。相关文件存储在Demo/svgicon中。	Codecogs-开源科学库 Foldmath使用Codecogs的服务作为默认的Tex Mathrenderer。 （您可以加载PowerPack使用其他渲染器，例如Katex或MathJax）
SM.MS-免费图像托管服务 演示页面和powerPack/insert-file-with-smms使用SM.MS OPEN API上传用户插入的图像。 （如果您想集成SM.MS服务，请使用PowerPack）	表情符号- 开放表情符号图标 演示页面和PowerPack/fold-emoji-with-emojione使用表情符号图标（免费许可证）免费提供 （您可以使用其他替代方案，例如Twitter的Twemoji）
codemirror-浏览器代码编辑器。 requirejs- JavaScript AMD模块加载程序。 Katex-网络最快的数学排版库。 标记，转折和更引人注目的libs。

？赞助商

赞助商（按日期排序）

☕phithon☕C * i☕ * yuan☕ * xiuzhang☕

贡献

HyperMD是Laobubu的个人开源项目。欢迎捐款。您可以：

• 在github上分叉，创建您的惊人主题和附加组件。
• 给我买咖啡
• 将HyperMD传播到世界！

---

脚注

1. Ctrl+Click也有效，但是如果存在，将跳到脚注。 ^↩2

2. 数学块使用$$包装您的Tex表达式。 ↩

3. 默认情况下禁用，请参见DOC； #use两个哈希符号＃如果标签名称包含空格。 ↩

4. 使用Ctrl+Shift+V到粘贴纯文本。 ↩

5. 语言与CodeMirror支持一样多。 ↩

6. 如果主题不是为HyperMD设计的，则可能不存在某些功能。 ↩