Markdown 转 HTML 预览工具使用方法:场景、示例与常见错误
Markdown 本地预览并转换为安全 HTML,支持标题、列表、引用、代码块和目录提取。
适合谁使用
- 写工具教程前预览格式
- 把 Markdown 片段转 HTML
- 整理 README 目录
- 检查文章标题层级
推荐使用步骤
- 粘贴 Markdown 文本。
- 点击生成预览,查看 HTML 和目录。
- 检查标题层级、列表和代码块是否符合预期。
- 复制 HTML 或下载结果。
输入输出示例
输入
# 标题
- 本地运行
- 可复制
```js
console.log("GR")
```输出
<h1>标题</h1>
<ul><li>本地运行</li><li>可复制</li></ul>
<pre><code>console.log("GR")</code></pre>常见错误
- 不要把未转义 HTML 直接粘进页面
- 标题层级跳跃会影响可读性
- 代码块围栏需要成对出现
- 列表项前要保留空格和换行
和普通同类工具的区别
转换前会先转义原始 HTML,降低把危险片段直接注入页面的风险,更适合静态站内容整理。
FAQ
支持完整 Markdown 规范吗?
支持常用标题、列表、引用、代码、粗体、斜体和链接;复杂表格可后续扩展。
预览会执行脚本吗?
不会。原始 HTML 会先被转义,避免脚本执行。
能生成目录吗?
能,会根据 H1-H3 标题生成目录列表。