Markdown 编辑器
HTML 代码

                    
渲染预览

Markdown 语法快速参考

点击以下示例可快速插入到编辑器:

为什么选择我们的 Markdown 转 HTML 工具?

📝

实时预览

输入 Markdown 的同时即时查看 HTML 代码和渲染效果。

快速转换

一键生成 HTML 代码,即时复制或下载。

🎨

代码高亮

支持代码块语法高亮,生成美观的代码展示。

🔒

纯本地处理

所有转换在浏览器本地完成,保护您的隐私。

Markdown 与 HTML 语法对比

以下是常用 Markdown 语法与对应 HTML 代码的对照表:

Markdown HTML 说明
# 标题 <h1>标题</h1> 一级标题
## 标题 <h2>标题</h2> 二级标题
**粗体** <strong>粗体</strong> 粗体文本
*斜体* <em>斜体</em> 斜体文本
~~删除线~~ <s>删除线</s> 删除线文本
- 列表项 <li>列表项</li> 无序列表
1. 列表项 <li>列表项</li> 有序列表
[链接](url) <a href="url">链接</a> 超链接
![图片](url) <img src="url"> 图片
> 引用 <blockquote>引用</blockquote> 引用块

常见问题解答 (FAQ)

Q1:支持哪些 Markdown 语法?
A:支持标准 Markdown 语法,包括标题(# ~ ######)、粗体、斜体、删除线、有序列表、无序列表、链接、图片、代码块、引用、表格等。
Q2:生成的 HTML 支持哪些格式?
A:支持三种输出格式:纯 HTML(仅内容)、带样式 HTML(含基础样式)、完整 HTML 页面(可直接打开的网页文件)。
Q3:支持代码高亮吗?
A:支持!可以选择是否启用代码高亮功能,支持多种编程语言的语法着色,使用 highlight.js 实现。
Q4:我的数据会上传到服务器吗?
A:完全不会!本工具是一款纯前端本地应用,所有 Markdown 解析和 HTML 生成工作都在您的浏览器中完成。
Q5:可以导入 Markdown 文件吗?
A:支持!点击工具栏的"导入文件"按钮,可导入 .md 或 .txt 格式的 Markdown 文件进行编辑和转换。
Q6:如何复制生成的 HTML 代码?
A:点击工具栏的"复制 HTML"按钮,生成的 HTML 代码将自动复制到剪贴板。