Markdown 预览
将 Markdown 渲染为 HTML 并实时预览。
你的 Markdown 在浏览器中本地渲染，不会上传到任何服务器。
在处理 MDX 文档？试试 MDX 转换器。
关于 Markdown 预览
这款 Markdown 预览工具会在你输入时并排将 Markdown 渲染为整洁的 HTML，让你准确看到 README、文档或评论的呈现效果。它支持 GitHub 风格 Markdown（GFM），包括表格、围栏代码块、任务式列表、引用块、链接和行内格式。可将它当作快捷的 Markdown 编辑器和 Markdown 查看器来撰写文档、在推送到仓库前检查格式，或将 Markdown 转为 HTML 并复制到 CMS 中。渲染后的输出经过净化，会移除脚本和事件处理器以保证预览安全。它专为需要快速、准确 GFM 预览的开发者、技术文档撰写者和 QA 打造。所有处理都在你的浏览器本地完成，因此你的草稿不会离开你的设备。
功能特性
- 并排实时预览，随输入即时更新
- 支持带表格、围栏代码块和任务列表的 GitHub 风格 Markdown
- 支持标题、列表、引用块、链接和行内强调
- 单个换行渲染为换行符，匹配评论风格的 Markdown
- 净化输出，移除脚本、iframe、事件处理器和不安全的 HTML
- 一键将渲染后的 HTML 复制到剪贴板
- 将结果下载为可直接使用的 .html 文件
- 完全在你的浏览器中运行
如何使用 Markdown 预览
- 在左侧输入框中输入或粘贴你的 Markdown。
- 在预览面板中即时查看渲染后的 HTML。
- 点击复制 HTML，将渲染后的标记复制到剪贴板。
- 使用 .html 按钮将输出下载为文件，或点击清除重新开始。
示例
输入
# 标题
- **加粗**项
- [链接](https://example.com)
输出
<h1>标题</h1>
<ul>
<li><strong>加粗</strong>项</li>
<li><a href="https://example.com">链接</a></li>
</ul>
Markdown 的标题、列表和行内格式渲染为 HTML。
常见错误与故障排除
- 表格无法渲染，显示为纯文本。 — GFM 表格需要一个标题行和一条由短横线与竖线组成的分隔行，例如 | A | B | 后跟 | --- | --- |。请确保每一行的竖线数量匹配。
- 代码块的格式渗入了文档的其余部分。 — 请用匹配的三反引号行关闭每个围栏代码块。未关闭的围栏会让渲染器把其余文本都当作代码。
- 单个换行没有按预期保留。 — 本预览会把单个换行渲染为换行符；如果你想要分隔的段落，请在文本块之间留一个空行。
- 像 script 或 iframe 这样的原始 HTML 标签从预览中消失了。 — 输出经过净化，因此脚本、iframe 和行内事件处理器会被刻意移除。请改用纯 Markdown 或安全的行内 HTML。
常见问题
- 什么是 ArrayKit Markdown 预览工具？
- 它是一个实时 Markdown 预览工具，会在你输入时并排将 Markdown 渲染为整洁的 HTML，让你在发布前检查 README、文档和评论的格式。
- Markdown 预览支持 GitHub 风格 Markdown 吗？
- 支持。Markdown 预览会渲染 GFM，因此表格、围栏代码块和任务式列表都能在预览面板中正确显示。
- 如何复制或下载渲染后的 HTML？
- 点击复制 HTML 将渲染后的标记发送到剪贴板，或使用 .html 按钮将其下载为可直接使用的文件。
- Markdown 预览生成的 HTML 可以安全复用吗？
- 可以。输出经过净化，会移除脚本、iframe 和行内事件处理器，因此渲染后的 HTML 可安全粘贴到别处。
- Markdown 预览会保留单个换行吗？
- 会。单个换行会渲染为换行符，这与评论和聊天风格的 Markdown 的常见行为一致。
- 使用此预览时，我的 Markdown 会被发送到服务器吗？
- 不会。你的 Markdown 完全在你的浏览器中渲染，绝不会离开你的设备。
相关工具
全部 ArrayKit 工具