Markdown预览
在线编辑 Markdown 文本并实时预览 HTML 效果,支持标题、列表、代码块、表格等语法。
Markdown 预览
Markdown 预览工具使用指南
📌 简介
Markdown 预览工具是一款面向程序员、博主、文档撰写者的在线编辑器,可以在左侧输入 Markdown 语法,右侧实时查看渲染后的 HTML 效果。支持标题、粗体、斜体、列表、代码块、引用、链接、表格等完整语法。所有渲染都在浏览器本地完成,内容不上传服务器。
📖 什么是 Markdown?
Markdown 是由 John Gruber 于 2004 年发明的一种轻量级标记语言,允许人们使用易读易写的纯文本格式编写文档,然后转换成结构化的 HTML。它的语法简洁,如用 # 表示标题,** 表示粗体,- 表示列表。目前被 GitHub、Reddit、简书、掘金等平台广泛采用。
💼 常见应用场景
- 技术文档: 编写 README、API 文档、开发说明。
- 博客写作: 使用 Markdown 撰写博客文章,再发布到平台。
- 笔记记录: 用 Obsidian、Typora 等工具以 Markdown 记笔记。
- 邮件撰写: 部分邮件客户端支持 Markdown 语法。
⚙️ 使用步骤
- 在左侧输入框输入 Markdown 语法文本。
- 右侧会实时显示渲染后的效果(有 300 毫秒防抖)。
- 点击“渲染预览”可手动刷新,点击“复制源码”可复制原始 Markdown。
⚠️ 注意事项
- 本工具使用 marked.js 渲染,与 GitHub 的渲染略有差异。
- 出于安全考虑,渲染的 HTML 不会执行脚本,避免 XSS 攻击。
- 如需导出 HTML,可复制预览区的源代码。
❓ 常见问题 (FAQ)
Q: 支持表格语法吗?
A: 支持。使用 | 列1 | 列2 | 和 |---|---| 可以创建表格。
Q: 支持数学公式吗?
A: 当前版本使用 marked.js 基础渲染,不支持 LaTeX 数学公式。如需数学公式渲染,可考虑集成 KaTeX 扩展。
Q: 数据会上传吗?
A: 不会。所有渲染均在浏览器本地完成,Markdown 内容不会离开您的设备。