🔄
免费 Markdown 转 HTML 转换器
将 Markdown 转为干净的 HTML,带实时预览。使用源码视图复制可直接粘贴的 HTML,适用于博客、CMS 或邮件模板。
加载后可离线使用
在左侧粘贴 Markdown,右侧将显示干净的 HTML。
HTML 将显示在此处…常见用途
- 将Markdown发布到CMS将Markdown笔记转换为HTML,以粘贴到仅接受HTML的CMS中。
- 构建HTML电子邮件内容将Markdown转换为HTML用于事务性电子邮件和新闻通讯。
- 本地预览README文件粘贴您的README.md以查看它在GitHub、GitLab或npm上的呈现方式。
- 为静态网站生成页面内容将Markdown正文内容转换为HTML,用于手工构建的静态网站或一次性页面。
- 构建文档HTML将内部Markdown文档转换为HTML,以嵌入在应用、帮助中心或知识库中。
工作原理
转换完全由手写的 Markdown 解析器在你的浏览器中完成——没有第三方库、没有服务器请求。解析器逐行遍历源文本,先应用块级规则(标题、列表、表格、围栏代码),再用第二轮内联正则处理粗体、斜体、链接、图片和行内代码。
- 1先解析块结构解析器逐行读取原始 Markdown,识别块级结构:围栏代码块(可选语言类)、ATX 标题(# 到 ######)、引用块、有序和无序列表(包括 GFM 任务列表复选框)、带列对齐的 GFM 表格、水平线,以及能正确连接软换行续行的段落。
- 2在每个块内应用内联模式每个块的文本经过 HTML 转义后,parseInline() 中的正则链会转换内联语法:图片和链接(带 URL 协议白名单,会去除 javascript: 和 data: 链接)、**粗体**、*斜体*、~~删除线~~ 和行内代码——按此优先顺序处理。
- 3带预览切换的实时 HTML 输出HTML 字符串在每次按键时通过 useMemo 重新计算,因此右侧窗格会即时更新。一个开关可在原始 HTML 源码视图和使用浏览器自身布局引擎渲染的预览之间切换。
- 4包括富文本复制在内的三种输出方式你可以复制原始 HTML 标记,下载带 DOCTYPE 和 charset meta 标签的完整独立 .html 文件,或使用“复制富文本”——它通过 Clipboard API 的 ClipboardItem 同时将 text/html 和 text/plain 两种 MIME 类型写入剪贴板,因此格式化后的结果可以直接粘贴到 Gmail、Google Docs 或 Word 中,无需额外步骤。