祈灵工具箱
登录 / 注册

📰Markdown 在线预览 - Markdown 转 HTML 工具

在左边输入或粘贴 Markdown,右边立刻显示排版效果;切到「HTML 源码」可以看到并复制转换出来的 HTML。支持 GitHub 风格 Markdown(GFM):表格(含左右对齐)、任务列表、删除线、围栏代码块、网址自动变链接,也能直接写 <kbd>、<sub>、<details> 这类常用 HTML 标签。适合写 README、技术文档、博客草稿时检查排版,或者把 Markdown 转成 HTML 贴进网页。粘贴来的内容里如果藏着脚本,会被自动去掉。全部在浏览器本地完成,不上传。

正在加载工具...

如何使用Markdown 预览

  1. 1在左边输入 Markdown,或者把 .md 文件的内容整段粘贴进来
  2. 2右边实时显示渲染效果,改一个字就更新一次
  3. 3需要 HTML 时切到「HTML 源码」,点「复制 HTML」

常见问题

支持哪些语法?
支持标准 Markdown 加 GitHub 风格扩展(GFM):一到六级标题、加粗、斜体、删除线、行内代码、有序和无序列表、任务列表(- [x] 和 - [ ])、引用、分隔线、图片、链接、网址自动变链接、表格(用 :-- 和 --: 控制左右对齐)、围栏代码块。暂不支持脚注([^1])、数学公式($...$)、表情代码(:smile:),代码块也没有语法高亮,这些会原样显示成文字。
换行效果为什么和 GitHub 上不一样?
本工具把段落里的单个回车直接显示成换行,和 GitHub 的评论区、Issue 一样,写起来更直观。但 GitHub 显示 README 等 .md 文件时,单个回车会被当成空格,要空一行才另起一段,或者在行末加两个空格才换行。所以用来预览 README 时,换行的地方可能比 GitHub 上多;以「空一行分段」的习惯来写,两边就是一致的。
复制出来的 HTML 怎么用?
复制的是纯 HTML 标签,比如 <h2>、<p>、<table>,不带任何样式。贴进网页或博客后台的 HTML 模式,会自动套用那个网站自己的样式;贴进邮件或需要固定样式的地方,要自己加 CSS。比如上面那段带表格和代码块的示例,生成的就是 <table>、<pre><code> 这样的标签。如果要贴到微信公众号,用会自动加样式的「公众号排版」更合适。
粘贴别人写的 Markdown 安全吗?
安全。Markdown 里可以混写 HTML,别人的文档里可能藏着会自动运行的代码,比如 <img onerror>、<script>、javascript: 链接。本工具在显示之前会先过滤:脚本、事件属性、javascript: 链接、<style>、<form> 都会被去掉,表格、图片、任务列表和带颜色的文字照常显示。复制出来的 HTML 也是过滤后的结果。
文档很长会卡吗?
我们在浏览器里实测:1500 行(19 KB)的文档约 0.08 秒渲染完;1.5 万行(190 KB),包含 1000 个表格和 1000 个代码块,约 0.5 秒。几千行以内的文档基本感觉不到延迟;特别长的文档每打一个字都要重新渲染一次,会有些卡顿,可以分段预览。
关掉页面后内容还在吗?
不在。为了不在你的电脑上留下内容,本工具不保存输入,刷新或关闭页面后就清空了。写长文档请在编辑器里写好再粘贴进来,或者用「在线记事本」这类会自动保存的工具来写。
需要注册或付费吗?
不需要。本站完全免费,无需注册登录,没有次数限制,内容只在你的浏览器里处理,不上传。

功能特点

  • 边写边看,输入后立刻刷新预览
  • GitHub 风格 Markdown:表格(含对齐)、任务列表、删除线、围栏代码块、网址自动变链接
  • 可以混写常用 HTML 标签,比如 <kbd>、<sub>、<sup>、<details>
  • 一键复制生成的 HTML
  • 自动去掉脚本、javascript: 链接、<style> 等危险内容,正常排版不受影响
  • 在浏览器里本地渲染,内容不上传