在日常开发或办公中,你可能需要将网页内容(HTML)保存为 Word 文档(.doc 或 .docx)格式,以便分享、打印或进一步编辑。本文将介绍几种简单有效的方法,帮助你实现 HTML 转 Word 的需求。
最简单的方式是直接在浏览器中打开 HTML 页面,然后选择:
文件 → 另存为 → 保存类型选择“网页,仅 HTML”或“Word 文档”(部分浏览器支持)。
注意:此方法兼容性有限,复杂样式可能丢失。
你可以使用前端库如 html-docx-js 或原生方式结合 Blob 实现导出。以下是一个基础示例(仅适用于简单结构):
<button onclick="exportToWord()">导出为Word</button>
<script>
function exportToWord() {
const html = "<h1>这是标题</h1><p>这是段落内容。</p>";
const blob = new Blob(['<html xmlns:o="urn:schemas-microsoft-com:office:office">',
'<head><meta charset="utf-8"></head><body>',
html,
'</body></html>'],
{ type: 'application/msword' });
const url = URL.createObjectURL(blob);
const a = document.createElement('a');
a.href = url;
a.download = 'document.doc';
document.body.appendChild(a);
a.click();
document.body.removeChild(a);
URL.revokeObjectURL(url);
}
</script>
⚠️ 注意:此方法生成的是旧版 .doc 格式,兼容性较好但不支持高级 Word 功能。
如果你不想写代码,可以使用专业的在线工具将 HTML 转换为标准 .docx 文件,保留样式、表格和图片。
推荐工具: 在线Word文档编辑