Markdown 预览

文本

基于 markdown-it 实时渲染 Markdown 为 HTML,支持 GFM、代码高亮、表格与目录,左右分屏即写即看。支持表格、任务列表、脚注、删除线与围栏代码块等常见扩展语法。左右分屏滚动联动,可导出渲染后的 HTML。适合撰写技术文档、项目说明与博客草稿时即时预览。左右分屏滚动联动便于对照。

327 字符 · 23 行
Markdown
预览

Hello Markdown

A bold and italic sample with a link.

列表

  • item one
  • item two
  • item three

代码

const greet = (name) => `Hello, ${name}!`
console.log(greet('world'))

A blockquote with emphasis.

Header Value
Alpha 1
Beta 2

关于 Markdown 预览

Markdown 预览工具在左侧编辑、右侧实时渲染,让你写文档、README 或博客草稿时即时看到标题、列表、代码块与表格的最终效果。它支持常用语法与代码高亮,并可一键复制 HTML 或导出结果,省去反复切到外部编辑器确认的麻烦。值得了解的是 Markdown 存在方言差异:本工具基于 CommonMark 规范,并额外支持表格、删除线、任务列表等常见的 GFM(GitHub Flavored Markdown)扩展;两种方言在部分边界情况下处理不同(例如列表缩进、换行合并),所以同一份文档换平台渲染可能出现细微差别。所有渲染在浏览器本地完成,内容不上传,适合处理含草稿的私有文档。也方便在粘贴前就发现语法错误,避免上线后再返工修改发布内容;配合本站的文本与格式工具,还能把成品再加工成其它发布格式。进栈或发布前最后检查一遍代码块的围栏与语言标注,能省去不必要的返工。

使用方法

  1. 打开「Markdown 预览」
  2. 粘贴待处理的文本
  3. 根据需要调整输出选项
  4. 点击「处理」按钮,结果实时显示
  5. 复制或导出结果

使用场景

  • README 预览 — 提交到仓库前先确认标题层级、徽章和代码块渲染是否正常。
  • 博客草稿 — 在发布到静态站点前预览文章排版,检查图片与链接。
  • 语法学习 — 实时对照输入与输出,快速掌握表格、任务列表等 Markdown 写法。
  • 文档评审 — 把 Markdown 渲染后截图,方便不熟悉语法的同事审阅内容。
  • 代码片段 — 检验围栏代码块的语言标注与缩进在渲染后是否正确。
  • 发布前检查 — 验证图片相对路径、锚点链接在渲染后是否可用,避免上线后断链。

常见问题

支持哪种 Markdown 方言?

支持常用的 CommonMark 基础语法及表格、删除线、任务列表等常见 GFM 扩展,覆盖日常写作需求。

能渲染 HTML 标签吗?

出于安全考虑,内嵌的脚本类 HTML 不会被执行,避免预览时触发恶意代码。

数学公式能显示吗?

基础版本聚焦文本与代码渲染,复杂的 LaTeX 公式可能不支持,建议用专门的公式工具。

可以导出成 HTML 吗?

你可以直接复制渲染区域的内容,或从源码复制 Markdown;如需结构化转换可配合本站其它格式工具。

粘贴的图片链接不显示?

预览会按链接加载图片,若图片需要登录或有防盗链限制,浏览器可能无法显示,这与解析无关。

GFM 和 CommonMark 有何差别?

GFM 是建立在 CommonMark 之上的 GitHub 扩展,新增了表格、任务列表、删除线等语法;纯 CommonMark 解析器不认这些,跨平台粘贴时要注意兼容。

广告