Markdown 转 HTML
把 Markdown 实时转成 HTML:支持 GFM 表格、任务列表、删除线与围栏代码,可切换原生 HTML、换行转换与标题 id,预览经 DOMPurify 清洗。
浏览器本地运行所有计算都在你的浏览器里完成,数据不会离开本机。
Markdown 源文
选项
实时预览
预览已用 DOMPurify 清洗,输出的源码保留原始标记。
<h1 id="unikit">UniKit</h1>
<p>即开即用的工具站,<strong>所有计算都在本地完成</strong>。</p>
<ul>
<li><input checked="" disabled="" type="checkbox"> Markdown 解析</li>
<li><input disabled="" type="checkbox"> 导出 HTML</li>
</ul>
<table>
<thead>
<tr>
<th>分类</th>
<th>数量</th>
</tr>
</thead>
<tbody><tr>
<td>全部</td>
<td>200+</td>
</tr>
</tbody></table>
<pre><code class="language-js">const unikit = true;
</code></pre>
HTML 输出
输出字节数: 452
<h1 id="unikit">UniKit</h1> <p>即开即用的工具站,<strong>所有计算都在本地完成</strong>。</p> <ul> <li><input checked="" disabled="" type="checkbox"> Markdown 解析</li> <li><input disabled="" type="checkbox"> 导出 HTML</li> </ul> <table> <thead> <tr> <th>分类</th> <th>数量</th> </tr> </thead> <tbody><tr> <td>全部</td> <td>200+</td> </tr> </tbody></table> <pre><code class="language-js">const unikit = true; </code></pre>
统计
字符数
140词数(中文按字计)
37行数
14标题数
1链接数
0图片数
0代码块
1行内代码
0表格数
1任务项
1/2输出字节数
452标题大纲
#unikitUniKit
这个工具能做什么
- 把 Markdown 写的 README、说明文档或邮件正文转成 HTML,直接贴进 CMS、邮件模板或静态页面。
- 写文档时实时预览渲染效果:预览区经过 DOMPurify 清洗,能直观看到表格、任务列表、删除线、围栏代码块最终长什么样。
- 给标题生成锚点:默认打开「标题 id」,中文标题保留汉字、标点压成连字符(# UniKit 工具 → id="unikit-工具"),可以直接拿来做目录跳转。
- 需要给 Markdown 里的原生 HTML 把关时关掉「允许原生 HTML」,源码里的 <div>、<script> 会被转义成可见文本,避免渲染出意外内容。
示例
输入
# UniKit A purely client-side toolbox where **everything runs locally**.
输出
<h1 id="unikit">UniKit</h1> <p>A purely client-side toolbox where <strong>everything runs locally</strong>.</p>
默认开启 GFM 与标题 id,关闭换行转换和原生 HTML。输出末尾的换行来自 marked 的段落渲染。
常见问题
预览和输出的源码为什么可能不一样?
输出区是 marked 生成的原始 HTML,预览区会再经过 DOMPurify 清洗,去掉脚本、事件属性等危险内容。要复制到别处使用,请复制输出区;预览只保证安全,不保证与源码逐字节相同。
「允许原生 HTML」关掉后发生了什么?
Markdown 里直接写的 HTML 标签会被转义成文本(<div> 显示成 <div>),只有 Markdown 语法生成的标签才会被渲染。这是处理来源不可信的内容时的安全默认值。
标题 id 是怎么生成的?
取标题文本,转小写、去掉 HTML 标签,空格换成连字符,只保留汉字、字母、数字和连字符,其余标点删除。同一文档里重复的 id 会自动加 -1、-2 后缀,保证锚点唯一。
支持哪些 Markdown 扩展?
默认开启 GFM:表格、任务列表(- [x])、删除线(~~text~~)、围栏代码块、自动链接。单行换行默认不转 <br>,需要的话打开「换行转换」,这时连续两行会像 GitHub 的软换行一样断开。
我的 Markdown 会被上传吗?
不会。解析与预览都在浏览器本地完成,不发网络请求,断网可用。
关键词:markdownmdhtmlgfmmarkedconverterMarkdown 转换Markdown 转 HTML表格任务列表