文本与数据工具

Markdown Preview

左侧编写 Markdown,右侧查看安全渲染效果;手机上自动上下排列。

Markdown 原文

实时预览

实时预览 Markdown 标题、列表、代码和表格,禁用用户 HTML 与远程图片加载。

输入内容仅在您的浏览器中处理,不会上传到服务器。

这个工具是什么

Markdown Preview 使用成熟的本地 Markdown 解析库,支持常用格式和表格。页面重点展示阅读效果;需要 HTML 源码时可使用相邻的 Markdown → HTML 工具。

如何使用

  1. 输入 Markdown 或载入包含标题、列表、链接和表格的示例。
  2. 短暂停顿后查看实时预览,代码块保持代码文本。
  3. 原始 HTML 按字面显示,图片以文字占位,预览不自动访问远程资源。
  4. 复制原 Markdown 或下载 MD 文件继续编辑。

使用示例

  • # Heading 生成一级标题,**Bold** 与 *Italic* 显示强调。
  • > quote、编号列表和 fenced code block 使用对应的语义结构。
  • <script>alert(1)</script> 只作为文本展示,不执行脚本。

处理规则与限制

使用本地 Markdown 解析器并关闭 raw HTML。危险 URL 协议不可形成可执行链接,代码块转义显示。图片不自动加载,以文本占位保证预览不发起外部资源请求。输入改变后采用约 150ms 延迟更新,过大输入会给出限制提示。输入最多 200 KiB、5,000 行;解析与预览分别设 20,000 个 token/DOM 节点上限,HTML 输出最多 1 MiB。

常见用途

  • 撰写 README、技术笔记或文档草稿。
  • 检查标题层级、列表、引用和表格效果。
  • 安全查看来自其他来源的 Markdown 文本。

隐私说明

文本、文件读取、转换和预览均在当前浏览器本地完成,不上传输入,不使用后台、数据库、在线 API 或第三方 CDN,也不会自动保存您的内容。复制和下载由浏览器本地完成。

FAQ

Markdown 是什么?

它用 #、*、反引号等文本标记表达标题、强调、列表和代码等结构,解析后可生成 HTML。

预览会执行 JavaScript 吗?

不会。raw HTML 被禁用并转义,代码块只显示代码,危险链接协议会被阻止。

为什么图片没有显示?

为保证文本留在本地且不自动请求远程资源,图片会显示文字占位,而不是加载原地址。

支持表格吗?

支持常见带表头与分隔行的 Markdown 表格。单元格内的竖线应按规则转义。

复制按钮复制什么?

本页复制输入的 Markdown 原文;HTML 源码请使用 Markdown → HTML 页面。

返回开发者工具分类首页