Markdown 预览与 HTML 转换

输入或粘贴 Markdown,预览会随输入实时更新。转换后的 HTML 可以复制或下载为文件。

预览

预览会显示在这里。

完全在浏览器中运行。输入内容不会被发送或保存。

使用方法

  1. 在左侧输入或粘贴 Markdown。
  2. 在右侧查看渲染结果,会随输入实时更新。
  3. 点击“复制 HTML”或“下载 HTML”获取转换结果。

Markdown 是 README、GitHub Issue、Wiki、笔记软件和博客中常用的纯文本排版格式。在这里可以在发布前预览文档效果,也可以把 Markdown 转成 HTML,粘贴到 CMS 或邮件模板中。停止输入后预览会立即刷新。

渲染使用 markdown-it 12.3.2,开启了 HTML、换行和自动链接选项,并加载 markdown-it-emoji 插件。由于开启了换行,按一次回车就会生成 <br>;标准 CommonMark 和很多网站会把这些行合并为一个段落,所以结果可能与最终发布的平台不同。代码块由 highlight.js 11.4.0 着色,内置 34 种常用语言,其他语言的代码不着色。

所有结果在显示或复制之前都会经过 DOMPurify 3.2.6 净化,粘贴的 HTML 中的脚本和事件属性会被删除。下载的文件是不带样式的 HTML 片段,可直接放进已有 CSS 的页面。转换在浏览器内完成,文字不会上传;不过通过 URL 引用的图片会像普通网页一样从图片所在的服务器加载。

常见问题

支持哪些 Markdown 语法?

基于 markdown-it 的 CommonMark,并支持表格、删除线(~~文字~~)、:smile: 等表情代码和网址自动链接。单个换行会转为 <br>。

可以在 Markdown 中写 HTML 吗?

可以。但输出会经过 DOMPurify 清理,<script> 标签、on… 事件属性和 javascript: 链接都会被移除,文本中的代码不会执行。

代码块会高亮吗?

会。围栏代码块使用 highlight.js 高亮。可在反引号后写语言(```js),也可以自动识别。

相关工具