返回文章列表

Markdown 转 HTML 预览工具使用方法:场景、示例与常见错误

Markdown 本地预览并转换为安全 HTML,支持标题、列表、引用、代码块和目录提取。

适合谁使用

  • 写工具教程前预览格式
  • 把 Markdown 片段转 HTML
  • 整理 README 目录
  • 检查文章标题层级

推荐使用步骤

  1. 粘贴 Markdown 文本。
  2. 点击生成预览,查看 HTML 和目录。
  3. 检查标题层级、列表和代码块是否符合预期。
  4. 复制 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 标题生成目录列表。

相关工具链