📝 Markdown转HTML

实时编辑Markdown并预览HTML效果,支持GFM扩展和代码高亮

✏️ Markdown编辑
👁️ HTML预览
🔧 HTML源码
\n\n' + body + '\n\n'; var blob = new Blob([fullHtml], { type: 'text/html;charset=utf-8' }); var url = URL.createObjectURL(blob); var a = document.createElement('a'); a.href = url; a.download = 'document.html'; a.click(); URL.revokeObjectURL(url); } function loadExample() { document.getElementById('mdEditor').value = '# Markdown示例文档\n\n这是一个 **Markdown转HTML** 工具的示例文档。\n\n## 功能特性\n\n- 实时预览\n- **加粗** 和 *斜体* 文本\n- ~~删除线~~ 效果\n- [链接](https://example.com) 支持\n\n### 代码示例\n\n```javascript\nfunction hello() {\n console.log("Hello, World!");\n}\n```\n\n行内代码: `const x = 42;`\n\n### 表格\n\n| 功能 | 状态 | 备注 |\n|------|------|------|\n| 标题 | ✅ | 支持1-4级 |\n| 代码 | ✅ | 支持高亮 |\n| 表格 | ✅ | GFM扩展 |\n\n> 这是一段引用文字,用于展示引用块效果。\n\n### 任务列表\n\n- [x] 已完成的功能\n- [ ] 待开发的功能\n- [ ] 计划中的功能\n\n---\n\n*由Markdown转HTML工具生成*'; renderPreview(); } function resetForm() { document.getElementById('mdEditor').value = ''; document.getElementById('htmlPreview').innerHTML = ''; document.getElementById('htmlSource').textContent = ''; }