DevToolPal
简

Markdown 预览

编写 Markdown 并实时预览,支持 GitHub 风格 Markdown,可复制生成的 HTML。

本地处理,不上传

选项

显示

Markdown

0 字符 · 0 B

预览

结果会显示在这里

功能简介

Markdown 预览是一个实时 Markdown 编辑器。在左边输入,右边马上显示渲染效果:标题、列表、链接、图片、表格、代码块和引用。适合在提交前起草 README、发布说明、博客文章或文档,也能检查复杂的表格或嵌套列表最终长什么样。

把显示方式切换到 HTML 可以查看生成的标记,然后复制,或下载一个带基础样式的完整 HTML 页面。

使用方法

  1. 在输入框里输入或粘贴 Markdown,或把 .md 文件拖进去,也可以点「示例」。
  2. 预览会随输入实时更新,上方一行显示词数、标题数和链接数。
  3. 选「预览」查看渲染后的页面,选「HTML」查看标记。
  4. 点「复制 HTML」可以粘贴到 CMS 或邮件里,点「下载 HTML」得到一个独立的网页文件。

Markdown 速查表

输入效果
# 标题一级标题(## 是二级,最多到 ######)
**粗体** 和 _斜体_粗体 和 斜体
[文字](https://example.com)链接
![说明](image.png)图片
- 项目 或 1. 项目无序或有序列表
- [ ] 待办任务列表复选框(GFM)
`代码`行内代码
单独一行的 ```js带语言标记的代码块
> 引用引用块
---分隔线

表格用竖线和分隔行书写:| a | b | 下面接 | --- | --- |。表格是 GitHub 风格 Markdown 的扩展语法,不属于 CommonMark,所以只有打开「GitHub 风格 Markdown」时才会渲染成表格;关闭后会按普通文字显示,竖线原样保留。

示例

## 亮点

- [x] 表格和任务列表
- ~~旧接口~~ 已移除

会渲染成一个二级标题,下面是一个已勾选的任务项和一行带删除线的文字。

常见问题

› 支持哪些 Markdown 语法?

支持 CommonMark 加 GitHub 风格 Markdown(GFM):表格、任务列表、删除线、围栏代码块和自动链接。关闭 GFM 可以看到严格 CommonMark 渲染器的显示效果。

› 粘贴包含 HTML 的 Markdown 安全吗?

安全。Markdown 允许内嵌 HTML,所以预览显示在一个沙箱框架里,脚本无法运行。但复制出去的 HTML 没有经过清洗,如果要在自己的网站发布不可信的内容,请先清洗。

› 为什么单个换行不会另起一行?

在标准 Markdown 里,单个换行等同于空格,空一行才是新段落。打开「单个换行转为 <br>」后,每个换行都会显示为换行,和 GitHub 评论的效果一样。

› 我的内容会被保存吗?

最近一次输入会保存在这个浏览器的本地存储里,刷新页面后还在。内容不会上传,点「清空」即可删除。