jq html 生成word

您可以使用jQuery和html2canvas库来将HTML元素转换为图像，然后使用docx.js库将图像插入到Word文档中。以下是一个简单的示例：

1. 引入必要的库

<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script src="https://html2canvas.hertzen.com/dist/html2canvas.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/docx/build/Docx.js"></script>

2. 创建HTML元素并将其转换为图像

<div id="content">
  <h1>Hello World!</h1>
  <p>This is a sample paragraph.</p>
</div>

<script>
  // 将HTML元素转换为图像
  html2canvas(document.querySelector("#content")).then(canvas => {
    // 在文档中插入图像
    var imgData = canvas.toDataURL('image/png');
    var doc = new Docx();
    var image = doc.createImage({
      data: imgData,
      width: canvas.width,
      height: canvas.height
    });
    doc.addEle(image);
    doc.save("output.docx");
  });
</script>

3. 将图像插入到Word文档中并保存

var imgData = canvas.toDataURL('image/png');
var doc = new Docx();
var image = doc.createImage({
  data: imgData,
  width: canvas.width,
  height: canvas.height
});
doc.addEle(image);
doc.save("output.docx");

这个示例将HTML元素转换为图像，并将图像插入到Word文档中，然后将文档保存到本地。您可以根据需要调整代码来满足您的要求。