有些人习惯用 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。