Markdown 在线预览
文档转换
在线 Markdown 编辑器,支持实时预览、文件导入、主题切换、目录生成和导出 HTML/PDF
快捷插入
Markdown 编辑 支持 Tab 缩进
实时预览
Markdown 在线预览
欢迎使用 Markdown 在线预览工具!在左侧输入 Markdown 文本,右侧将实时渲染预览。
功能特性
- ✅ 实时预览渲染
- ✅ 支持 GFM(GitHub Flavored Markdown)
- ✅ 文件导入(.md 文件)
- ✅ 多主题切换(默认 / GitHub / 暗黑)
- ✅ 自动目录生成
- ✅ 文本统计(字符数、词数、行数)
- ✅ 导出 HTML 文件
- ✅ 代码高亮与复制
语法示例
文本样式
这是 粗体,这是 斜体,这是 删除线,这是 行内代码。
列表
- 有序列表项 1
- 有序列表项 2
- 有序列表项 3
- 无序列表项
- 无序列表项
- 嵌套列表项
代码块
javascript
function hello(name) {
console.log(`Hello, ${name}!`)
}
hello('World')表格
引用
这是一段引用文字。
Markdown 让写作变得更加简洁优雅。
链接与图片
W3CTool - 在线工具集合
开始编辑,体验 Markdown 的魅力吧!
工具说明
工具介绍
Markdown 在线预览工具,支持实时渲染预览、多种主题切换、文件导入导出、目录自动生成、文本统计等功能。左侧编辑 Markdown 文本,右侧即时查看渲染效果,是撰写文档、笔记、博客的得力助手。
支持的功能
| 实时预览 | 输入即渲染,所见即所得 | GFM 支持 | 完整支持 GitHub Flavored Markdown | 主题切换 | 默认、GitHub、暗黑三种主题 |
|---|---|---|---|---|---|
| 文件导入 | 支持 .md、.markdown、.txt 文件 | 导出功能 | 导出为 HTML 或 Markdown 文件 | 目录生成 | 自动提取标题生成可跳转目录 |
使用步骤
编辑内容
在左侧编辑器中输入或粘贴 Markdown 文本
实时预览
右侧自动渲染显示效果
调整设置
切换主题、调整视图模式、开关目录
导出文件
导出为 HTML 或 Markdown 文件下载使用
Markdown 语法速查
| 语法 | 说明 |
|---|---|
| # 标题 | 一级标题(# 数量对应 1-6 级) |
| **粗体** | 粗体文字 |
| *斜体* | 斜体文字 |
| [文字](URL) | 超链接 |
|  | 图片 |
| - 列表项 | 无序列表 |
| 1. 列表项 | 有序列表 |
| > 引用 | 引用块 |
| ```代码``` | 代码块 |
| | 表头 | 表头 | | 表格 |
| --- | 分割线 |
| ~~删除线~~ | 删除线文字 |
常见问题
Q1: 支持哪些 Markdown 语法?
完整支持 GFM(GitHub Flavored Markdown),包括标题、列表、表格、代码块、引用、链接、图片、分割线、删除线等常用语法。
Q2: 如何导入已有的 Markdown 文件?
点击工具栏"导入"按钮,选择 .md、.markdown 或 .txt 文件即可导入,文件内容将自动填充到编辑器中。
Q3: 导出的 HTML 文件包含样式吗?
是的,导出的 HTML 文件包含完整的内联样式,可直接在浏览器中打开查看,无需额外 CSS 文件。
Q4: 目录功能如何使用?
编辑器会自动提取所有标题(# ~ ######)生成目录,点击目录项可跳转到预览区对应位置。点击"目录"按钮可开关目录面板。
使用场景
| 场景 | 说明 |
|---|---|
| 文档撰写 | 在线编写技术文档、API 文档 |
| 博客写作 | 撰写博客文章,实时预览排版效果 |
| 笔记记录 | 记录学习笔记,支持代码块和表格 |
| README 编写 | 编写项目 README.md 文件 |
| 格式转换 | 将 Markdown 转换为 HTML 格式 |
| 语法学习 | 学习和练习 Markdown 语法 |