Markdown 预览
左侧写 Markdown,右侧实时预览 HTML,支持一键复制 HTML 源码。
预览将显示在这里
什么是 Markdown 预览?
Markdown 是一种轻量级标记语言,用 #、*、- 等简单符号即可表达标题、加粗、列表、引用、代码等格式,是程序员写 README、博客作者写文章、产品经理写文档时最常用的排版方式。Markdown 源码可读性强、易于版本管理,最终渲染为 HTML 在网页上展示。
本工具采用本地 marked 库渲染,左侧编辑区输入 Markdown,右侧预览区实时显示对应的 HTML 效果,支持标题、列表、表格、代码块、任务列表等常见语法。渲染结果经过自动安全过滤,可放心处理包含 HTML 标签的内容;「复制 HTML」按钮可一键导出渲染后的完整 HTML 源码,方便粘贴到网页或邮件中。所有渲染均在浏览器本地完成,不联网、不上传,文档内容不会离开你的设备。
使用步骤
- 在左侧输入框粘贴或输入 Markdown 源码;
- 右侧预览区实时显示渲染后的 HTML 效果;
- 需要导出时,点击「复制 HTML」复制完整 HTML 源码;
- 点击「清空」可快速开始新文档。
常见问题
Markdown 是什么?
Markdown 是一种轻量级标记语言,用 #、*、- 等简单符号即可表示标题、加粗、列表、引用等格式,广泛用于 README、博客、文档与聊天消息,可方便地转换为 HTML。
预览是实时更新的吗?
是的。左侧输入 Markdown,右侧预览区会随输入实时渲染,无需点击任何按钮;编辑区右侧的「复制 HTML」按钮可随时导出当前文档对应的 HTML 源码。
渲染过程安全吗?会执行脚本吗?
安全。工具使用本地 marked 库渲染,并在渲染后自动过滤 script、iframe 等危险标签与 on* 事件属性,防止 XSS;渲染全程在浏览器本地完成,不联网。
支持哪些 Markdown 语法?
支持标题、粗体斜体、删除线、有序/无序列表、任务列表、行内代码与代码块、引用、链接、图片、表格、分隔线以及 GFM 扩展语法。