跳到主内容
UniKit

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> 显示成 &lt;div&gt;),只有 Markdown 语法生成的标签才会被渲染。这是处理来源不可信的内容时的安全默认值。

标题 id 是怎么生成的?

取标题文本,转小写、去掉 HTML 标签,空格换成连字符,只保留汉字、字母、数字和连字符,其余标点删除。同一文档里重复的 id 会自动加 -1、-2 后缀,保证锚点唯一。

支持哪些 Markdown 扩展?

默认开启 GFM:表格、任务列表(- [x])、删除线(~~text~~)、围栏代码块、自动链接。单行换行默认不转 <br>,需要的话打开「换行转换」,这时连续两行会像 GitHub 的软换行一样断开。

我的 Markdown 会被上传吗?

不会。解析与预览都在浏览器本地完成,不发网络请求,断网可用。

关键词:markdownmdhtmlgfmmarkedconverterMarkdown 转换Markdown 转 HTML表格任务列表

同类工具