Markdown 预览 - 在线渲染转 HTML

实时分屏预览 Markdown 渲染效果,支持导出 HTML / 下载源码,并统计字数与行数

Markdown 预览 · 使用说明

Markdown 实时预览工具采用左右分屏:左侧编写 Markdown,右侧即时渲染成 HTML,支持标题、列表、表格、代码块、引用、链接与图片等常用语法,并提供字数与行数统计。可导出渲染后的 HTML 或下载源码文件,适合写 README、技术文档、公众号草稿与笔记时边写边看效果,编辑与渲染都在浏览器本地完成。

示例

输入
# 标题
**粗体** 与 `代码`
输出
<h1>标题</h1>
<p><strong>粗体</strong> 与 <code>代码</code></p>

如何使用

  1. 在左侧输入 Markdown 文本
  2. 右侧实时同步渲染效果
  3. 对照调整格式后复制源码到目标平台

小贴士

  • 代码块用三个反引号包裹可保留格式
  • 图片与链接在预览中可直接点击验证

常见问题

Markdown 预览会上传我的数据吗?

不会。渲染在你的浏览器本地完成,内容不会上传任何服务器,页面关闭后也不留下记录,和站内 本地工具 一致。

支持表格和代码块吗?

支持。表格(GFM 语法)、代码块、标题、列表、引用、链接、图片等常用语法都能渲染。

和 GitHub 渲染一致吗?

大致一致,本站实现的是 GFM 常用子集,个别高级扩展可能略有差异,以你的目标平台实测为准。

能导出 HTML 吗?

可以直接复制渲染后的富文本贴到支持富文本的编辑器;需要更干净的 HTML 结构,可再用 HTML 格式化 处理。

想从 HTML 反向生成 Markdown?

把富文本或 HTML 源码粘进 HTML 转 Markdown,即可反向得到干净的 Markdown 源码。

📂

松开以自动格式化

支持 .json / .sql / .csv / .html / .css / .xml / .yaml 文件