html导出带页码的word,使用js把html导出word，并配置样式和分页功能

要实现这个功能，可以使用jsPDF和html2canvas库来将HTML页面转换为PDF，然后使用docxtemplater库将PDF转换为Word格式。以下是具体步骤：

1. 引入所需库

<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.3.1/jspdf.umd.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/1.0.0-alpha.12/html2canvas.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/docxtemplater/3.12.1/docxtemplater.js"></script>

2. 添加导出按钮和事件监听

<button id="export-btn">导出Word</button>

<script>
  document.getElementById("export-btn").addEventListener("click", function() {
    exportToWord();
  });
</script>

3. 编写导出代码

<script>
  function exportToWord() {
    // 获取HTML
    const html = document.querySelector("#content").innerHTML;

    // 将HTML转换为PDF
    html2canvas(document.querySelector("#content"), { scale: 1 }).then(function(canvas) {
      const pdf = new jsPDF("p", "mm", "a4");
      pdf.addImage(canvas.toDataURL("image/png"), "PNG", 0, 0, 211, 298);
      pdf.save("test.pdf");

      // 将PDF转换为Word
      const file = new Blob([pdf.output("blob")], { type: "application/pdf" });
      const formData = new FormData();
      formData.append("file", file, "test.pdf");

      const xhr = new XMLHttpRequest();
      xhr.open("POST", "https://convertio.co/pdf-to-docx/");
      xhr.send(formData);

      xhr.onreadystatechange = function() {
        if (xhr.readyState === 4 && xhr.status === 200) {
          const docx = new Blob([xhr.response], { type: "application/vnd.openxmlformats-officedocument.wordprocessingml.document" });
          const url = URL.createObjectURL(docx);
          const a = document.createElement("a");
          a.href = url;
          a.download = "test.docx";
          document.body.appendChild(a);
          a.click();
          document.body.removeChild(a);
        }
      };
    });
  }
</script>

在这个例子中，我们首先使用html2canvas将HTML转换为PDF，然后将PDF转换为Word。要将PDF转换为Word，我们需要将PDF作为文件上传到一个PDF转换服务中，并从响应中获取Word文件。在这里，我们使用了一个在线服务，但你也可以使用自己的服务或者使用客户端库（如pdf-lib）来进行转换。

注意，这个例子中只是简单地将HTML转换为PDF和Word，并没有添加页码和样式。添加分页和样式可以使用CSS和docxtemplater库来实现。