HTML代码导出成Word文档

在开发或办公过程中，你可能需要将网页内容（HTML）保存为 Word 文档（.doc 或 .docx）。本文介绍几种简单有效的方法，无需复杂软件，即可实现 HTML 到 Word 的转换。

方法一：使用浏览器“打印为PDF”再转Word（最简单）

适用于普通用户：

1. 在浏览器中打开包含 HTML 内容的页面；
2. 按 Ctrl + P（Windows）或 Cmd + P（Mac）打开打印对话框；
3. 选择“另存为 PDF”；
4. 使用在线工具（如 Smallpdf、iLovePDF）将 PDF 转换为 Word。

方法二：使用 JavaScript 动态生成 Word 文件

适用于开发者，利用 FileSaver.js 和简单的 HTML 模板：

<script src="https://cdnjs.cloudflare.com/ajax/libs/FileSaver.js/2.0.5/FileSaver.min.js"></script>
<script>
function exportToWord() {
  const html = `<html xmlns:o='urn:schemas-microsoft-com:office:office'
  xmlns:w='urn:schemas-microsoft-com:office:word'
  xmlns='http://www.w3.org/TR/REC-html40'>
  <head><meta charset='utf-8'></head>
  <body><h1>这是从HTML导出的Word文档</h1><p>内容由JavaScript生成。</p></body></html>`;

  const blob = new Blob(['\ufeff', html], {
    type: 'application/msword'
  });

  saveAs(blob, '导出文档.doc');
}
</script>

<button onclick="exportToWord()">导出为Word</button>

方法三：使用在线工具直接转换

如果你不想写代码，可以使用专业在线服务：

• 复制你的 HTML 代码；
• 粘贴到支持 HTML 转 Word 的在线编辑器；
• 一键导出为 .docx 文件。

注意事项

• 复杂的 CSS 样式在 Word 中可能无法完全保留；
• 建议使用语义化 HTML（如 <h1>, <p>, <table>）以获得更好兼容性；
• 避免使用 JavaScript 动态内容，Word 不执行脚本。