Markdown转HTML
将 Markdown 文本转换为标准的 HTML 代码,支持标题、列表、代码块、表格等完整语法。
Markdown 转 HTML
Markdown 转 HTML 工具使用指南
📌 简介
Markdown 转 HTML 工具是一款面向博主、技术写作者、开发者的在线转换工具,可以将 Markdown 语法编写的文本转换为标准的 HTML 代码。支持标题、粗体、斜体、列表、代码块、表格、链接、图片等完整语法,还可以输出完整的 HTML 文档或嵌入片段。所有转换在浏览器本地完成,内容不会上传服务器。
📖 Markdown 与 HTML 的关系
Markdown 是一种轻量级标记语言,用简洁的符号(如 # 表示标题、** 表示粗体)描述文档结构,但浏览器不能直接渲染 Markdown,需要先转换为 HTML。转换后,Markdown 的 # 会变成 <h1>、** 变成 <strong>,列表变成 <ul>。博客系统、GitHub、文档工具都支持 Markdown 输入后自动转换,本工具可以帮助您在本地预览和调试转换效果。
💼 常见应用场景
- 博客发布: 将 Markdown 文章转换为 HTML,粘贴到博客后台。
- 邮件撰写: 用 Markdown 写邮件内容,转为 HTML 邮件。
- 文档生成: 将 README、技术文档转为 HTML 网页。
- 教学演示: 展示 Markdown 到 HTML 的转换过程。
- 内容迁移: 将 Markdown 内容迁移到只支持 HTML 的系统。
⚙️ 使用步骤
- 在左侧输入 Markdown 文本。
- 勾选"完整 HTML 文档"会输出带 head 和 body 的完整页面。
- 勾选"将换行符转为 <br>"让单个换行生效。
- 点击"预览效果"可查看渲染后的效果。
- 点击"复制 HTML"使用结果。
⚠️ 注意事项
- 本工具使用 marked.js 渲染,与 GitHub、Typora 的渲染规则基本一致。
- 出于安全考虑,脚本标签会被移除,防止 XSS 攻击。
- 复杂 Markdown 扩展语法(如数学公式、流程图)需要额外插件支持。
❓ 常见问题 (FAQ)
Q: 生成的 HTML 可以直接使用吗?
A: 可以。复制的 HTML 代码可直接粘贴到博客后台、网站模板或任何支持 HTML 的地方使用。
Q: 为什么换行没有生效?
A: Markdown 标准中单个换行不产生 <br>,需要空行表示新段落。如需强制换行,勾选"将换行符转为 <br>",或在行尾加两个空格。
Q: 数据会上传吗?
A: 不会。所有转换在浏览器本地完成,Markdown 内容不会离开您的设备。