HTML 导出 Word 文档指南

在 Web 开发中，有时我们需要让用户将网页中的内容导出为 Word 文档（.doc 或 .docx）。虽然浏览器本身不直接支持生成标准 .docx 文件，但通过一些技巧，我们可以实现基础的 Word 文档导出功能。

方法一：使用 Blob + MIME 类型（适用于 .doc）

这是一种简单的方法，利用 HTML 内容和 application/msword MIME 类型，让浏览器下载为 Word 文档。注意：生成的是旧版 .doc 格式，兼容性较好但功能有限。

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

<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导出的内容</h1>
                  <p>您可以在此处插入动态内容。</p>
                </body>
              </html>`;

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

  const url = URL.createObjectURL(blob);
  const link = document.createElement('a');
  link.href = url;
  link.download = '导出文档.doc';
  link.click();
  URL.revokeObjectURL(url);
}
</script>

注意事项

• 此方法生成的是兼容 Word 的 HTML 文件，扩展名为 .doc，并非真正的 .docx 格式。
• 复杂样式（如 CSS Grid、Flexbox）可能在 Word 中无法正确显示。
• 如需生成标准 .docx 文件，建议使用第三方库如 docx.js。

推荐工具

如果您不想编写代码，也可以使用以下在线工具：

• 在线Word文档编辑：支持直接在浏览器中创建和保存 Word 文档。
• Word转Excel工具：虽然主要用于转换，但也提供文档处理相关功能。