Markdown 预览
编写 Markdown,边输入边看渲染效果,也可复制 HTML。原始 HTML 以文本显示,链接会经过检查,预览中不会运行任何内容。
代码示例
可直接复制到你自己的项目中。每个示例只使用该语言的标准库,因此无需安装任何东西。
const text = '# Hello\n\nSome **bold** text <b>raw</b>'
const escaped = text.replace(/&/g, '&').replace(/</g, '<').replace(/>/g, '>')
const html = escaped
.split('\n\n')
.map((block) =>
block.startsWith('# ')
? `<h1>${block.slice(2)}</h1>`
: `<p>${block.replace(/\*\*(.+?)\*\*/g, '<strong>$1</strong>')}</p>`,
)
.join('\n')
console.log(html)功能
边输入边把 Markdown 显示为渲染后的页面,并给出 HTML。它能读取 CommonMark 以及大多数文档使用的 GitHub 扩展:表格、任务列表、删除线和自动链接。
使用方法
- 输入或粘贴 Markdown,或拖入文本文件。
- 选择预览查看渲染后的页面,或选择 HTML 查看标记。如果希望像聊天消息那样单个换行也另起一行,请打开换行选项。
- 复制或下载 HTML。
示例
# 你好 会变成 <h1>你好</h1>,一些**粗体**文字 会变成 一些<strong>粗体</strong>文字。用竖线和短横线写的表格会变成真正的表格,- [x] 完成 会变成已勾选的方框。
须知
- 源文本中的原始 HTML 只作为文本显示,绝不会传递,因此粘贴的 Markdown 中的 script 标签或事件处理器无法产生任何作用。
- 只有网页、邮件和电话链接以及相对地址会保留为链接。
javascript:链接保持为普通文本。 - 预览中从不加载图片。你会看到它们的描述和地址,复制出的 HTML 中包含图片标签。
- 上限为 100,000 个字符。
预览支持什么?
支持 CommonMark 以及最常用的 GitHub 扩展:表格、任务列表、删除线和自动链接。所有转换都在你的浏览器中完成。
常见问题
为什么我的原始 HTML 显示为文本?
Markdown 中的原始 HTML 可以运行脚本,因此绝不会放行:script 标签等标记会按输入原样显示。请改用 Markdown 语法。你复制的 HTML 也以同样方式转义。
为什么图片不加载?
图片从不被获取,因此预览无法用来追踪你,也无法从其他网站加载任何内容。你会以普通文本看到描述和地址。复制出的 HTML 中包含图片标签。
这个工具会把我的文本发送到任何地方吗?
不会。一切都在你的浏览器中完成。你输入的内容不会发送到我们的服务器。