js 如何将html导出word

可以使用以下步骤将 HTML 导出为 Word：

1. 创建一个包含 HTML 内容的隐藏的 div 元素。

<div id="export-content" style="display: none">
  <!-- 这里是 HTML 内容 -->
</div>

2. 引入 jszip 和 docxtemplater 库。

<script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.5/jszip.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/docxtemplater/3.9.1/docxtemplater.js"></script>

3. 创建一个导出 Word 的函数。

function exportToWord() {
  // 获取 HTML 内容
  const content = document.getElementById("export-content").innerHTML;

  // 创建 JSZip 实例
  const zip = new JSZip();

  // 加载 Word 模板
  const xhr = new XMLHttpRequest();
  xhr.open("GET", "template.docx", true);
  xhr.responseType = "arraybuffer";
  xhr.onload = function () {
    // 将模板文件读取为 Word 文档
    const template = xhr.response;
    const doc = new window.docxtemplater().loadZip(new JSZip(template));

    // 将 HTML 内容替换到模板中
    doc.setData({
      content: content,
    });
    doc.render();

    // 将生成的 Word 文档添加到 JSZip 实例中
    const output = doc.getZip().generate({ type: "blob" });
    zip.file("document.docx", output);

    // 下载 Word 文档
    zip.generateAsync({ type: "blob" }).then(function (content) {
      saveAs(content, "document.docx");
    });
  };
  xhr.send();
}

其中，`template.docx` 是一个包含 Word 模板的文件，可以在模板中设置好样式、页眉页脚等内容。

4. 在页面中添加一个按钮，并将导出函数绑定到按钮的点击事件上。

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

这样，当用户点击按钮时，就会将 HTML 内容导出为 Word 文档并下载到本地。