通过 wordexport插件 js jq 生成word文档 并导出

首先下载jq插件

需要依赖 jquery 请自行下载
下载地址：https://github.com/Jasmine1227/jquery.wordexport.js

或 https://download.csdn.net/download/weixin_46094786/16382001?spm=1001.2014.3001.5501

按照顺序引入插件

    <script src="../jquery.wordexport.js-master/jquery.min.js"></script>
    <script src="../jquery.wordexport.js-master/FileSaver.js"></script>
    <script src="../jquery.wordexport.js-master/jquery.wordexport.js"></script>

然后写好模板

<div id="word_demo" style="text-align: center;">
        <h1>周报-研发部-某某某</h1>
        <h1>（2021.3.29-2021.4.4）</h1>
        <h2>一、上周工作亮点</h2>
        <p></p>
        <h2>二、上周工作总结</h2>
        <p>1.某某系统问题修复优化</p>
        <p>2.某某系统问题修复优化</p>
        <p>3.某某系统问题修复优化</p>
        <p>4.某某系统问题修复优化</p>
        <p>5.某某系统问题修复优化</p>
        <h2>三、本周工作计划</h2>
        <p>
            1. 优化代码
            2. 后续功能开发
        </p>
        <h2>四、部门建议及业务改进</h2>
        <p>无</p>
    </div>

修改样式方法

需要打开插件源文件并找到 styles 便可修改样式

如果想修改页面样式
可将此代码替换到 wordexport 文件里

var static = {
                mhtml: {
                    top: "Mime-Version: 1.0\nContent-Base: " + location.href + "\nContent-Type: Multipart/related; boundary=\"NEXT.ITEM-BOUNDARY\";type=\"text/html\"\n\n--NEXT.ITEM-BOUNDARY\nContent-Type: text/html; charset=\"utf-8\"\nContent-Location: " + location.href + "\n\n\n" +
                        "\n_html_",
                    head: "\n\n\n\n",
                    body: "_body_"
                }
            };

<script src="../jquery.wordexport.js-master/jquery.wordexport.js"></script>

导出word文档

$("#word_demo").wordExport()

结果

还在烦恼找不到免费好看的电脑桌面吗？点我或者去主页，教你如何自己写一个电脑桌面

如果文章对您有所帮助，请帮我点个免费的赞，拒绝白嫖从我做起，我是七月、期待您的关注