Markdown 预览器
左右并排实时编辑与预览 Markdown。
Markdown 预览器提供左右并排的编辑体验:左侧输入 Markdown,右侧实时显示渲染、经过清理的 HTML 预览——适合撰写 README 文件、文档,或任何 Markdown 内容,不需要安装完整的编辑器。
预览
使用指引
- 在左侧输入 Markdown。
- 右侧会实时显示渲染、消毒过的 HTML 预览。
常见使用情境
- 在提交到代码仓库前撰写并预览 README 文件。
- 用 Markdown 起草文档并检查格式是否正确。
- 撰写支持 Markdown 格式的论坛或聊天消息。
- 通过实验与实时查看结果来学习 Markdown 语法。
✓内容与验证流程复查: 2026-08-25
Markdown 预览器 的验证方法与判读边界
如何确认预览准确反映你的 Markdown 在其他地方会呈现的样子。
预 览 随 输入 实 时 更新
没有另外的「渲染」步骤——预览面板会随着你在编辑器中输入持续更新,所以不用点击任何东西就能一直看到当前的输出。
输出的 HTML 经过安全清理
渲染后的预览会移除潜在危险内容,例如 script 标签与内联事件处理器,即使你的 Markdown 中含有原始 HTML 也一样——这表示某些嵌入 Markdown 中的高级 HTML,在这里的呈现可能与没有清理机制的系统不同。
不同系统的 Markdown 风格可能略有差异
不同平台(GitHub、论坛、聊天应用)有时支持稍微不同的 Markdown 扩展或语法细节——如果你是为特定平台撰写,请对照确认任何特殊语法(如表格或脚注)在那里确实渲染方式相同。
使用结果前的检查清单
- 已检视整份文档的实时预览,而不只是部分内容。
- 了解预览会为安全清理 HTML,这可能与其他地方没有清理机制的渲染器不同。
- 如果是为特定平台撰写,已确认任何高级语法(表格、脚注等)在那里确实受支持。
- 如果目的地需要的是原始 Markdown 而非渲染后的 HTML,已复制 Markdown 源码。
适合谁使用
- 要在提交前撰写并预览 README 文件的开发者。
- 要用 Markdown 起草文档、想边写边检查格式的人。
- 要为支持 Markdown 的论坛或聊天平台撰写消息的人。
- 要通过实践练习学习 Markdown 语法的人。
实际案例
撰写项目 README
开发者在编辑器中撰写新项目的 README,在提交文件前用实时预览检查标题、代码块与链接是否正确渲染。
撰写 格式化 的 论坛 帖子
有人起草一条较长的论坛回复,含有标题与项目列表,用预览确认发布前格式看起来正确。
学习 Markdown 语法
刚接触 Markdown 的新手在编辑器中尝试不同语法(粗体、链接、列表),通过观察每次变更如何影响实时预览来学习。
使用限制
- 输出的 HTML 经过安全消毒处理,script 标签与行内事件属性会被移除。
常见问题
为什么我嵌入的 HTML 没有出现在预览中?
预览会为安全清理渲染后的输出,移除 script 标签与事件处理器——如果你嵌入了某些原始 HTML,特别是任何交互性内容,可能会被移除或渲染方式与没有清理机制的渲染器不同。
这在 GitHub 或 其他 平台 上 看起来 会 完全 一样 吗 ?
对标准 Markdown 语法来说大致相同,但不同平台有时支持不同的扩展(如特定的表格格式或脚注)——如果需要完全一致,请对照目标平台检查任何特殊语法。
我 该 复制 渲染 后 的 预 览 , 还是 Markdown 源码?
如果你的目的地(如 GitHub 文件或支持 Markdown 的聊天应用)需要原始 Markdown,请从编辑器面板复制 Markdown 源码——只有目的地明确需要 HTML 时才复制渲染后的 HTML。
我的 Markdown 内容 会 被 保存 或 发送 到 任何 地方 吗 ?
不会——编辑器与预览都完全在你的浏览器中运作;不会上传或保存到任何服务器。
🔒 在浏览器内处理,不会上传。结果仅供参考,详见 免责声明。 最后更新: 2026-08-25
订阅更新
新工具上线与实用技巧,第一时间发送到你的邮箱。不发垃圾邮件,随时可退订。