提示

Markdown ↔ HTML 双向转换:无缝迁移内容

有些人习惯用 HTML 写富文本,但想转为简洁的 Markdown;另一些人则需要将 Markdown 文档嵌入到网站的 div 中。VidDown 的 Markdown ↔ HTML 转换器提供两种方向的自由转换,且保持语义完整。

工具入口

MD 工具 → Markdown ↔ HTML
直达:www.viddown.cn/tools/md/html/

使用方式

方向一:Markdown → HTML

1、在左侧文本框输入 Markdown。
2、点击 “转换为 HTML”(或直接切换 Tab)。
3、右侧显示对应的 HTML 代码,可直接复制到网页中使用。

方向二:HTML → Markdown

1、在右侧文本框粘贴 HTML 代码。
2、点击 “转换为 Markdown”。
3、左侧生成干净的 Markdown 源码。

转换示例

输入 Markdown:

## 标题
- 列表项 1
- 列表项 2

**加粗***斜体*

转换后的 HTML:

<h2>标题</h2>
<ul>
<li>列表项 1</li>
<li>列表项 2</li>
</ul>
<p><strong>加粗</strong><em>斜体</em></p>

再反向转换,可完美还原。

适用场景

1、迁移博客:将 HTML 格式的旧文章转为 Markdown,便于存入数据库。
2、嵌入网站:用 Markdown 写作后生成 HTML,直接粘贴到 CMS 编辑器的“源码”模式。
3、教学材料:同时展示两种语法,帮助初学者理解对应关系。

技术实现

纯前端使用 marked 库(MD→HTML)和 turndown 库(HTML→MD),保证了转换质量和速度。复杂表格和嵌套列表也能较好保留。

注意事项

1、HTML 转 Markdown 时,原有样式(如颜色、字体大小)会被丢弃,只保留结构和语义。
2、若 HTML 包含 <script> 标签,会被自动过滤以避免 XSS。
顶部
×
🔖
收藏本站
将本站添加到浏览器书签,方便下次访问
Ctrl + D (Windows/Linux)
+ D (Mac)