通过 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<!DOCTYPE html>\n" +"<html xmlns:v=\"urn:schemas-microsoft-com:vml\" xmlns:o=\"urn:schemas-microsoft-com:office:office\" xmlns:w=\"urn:schemas-microsoft-com:office:word\" xmlns:m=\"http://schemas.microsoft.com/office/2004/12/omml\" xmlns=\"http://www.w3.org/TR/REC-html40\">\n_html_</html>",head: "<head>\n<meta http-equiv=\"Content-Type\" content=\"text/html; charset=utf-8\">\n<style>\n_styles_\n</style>\n<!--[if gte mso 9]><xml><w:WordDocument><w:View>Print</w:View><w:TrackMoves>false</w:TrackMoves><w:TrackFormatting/><w:ValidateAgainstSchemas/><w:SaveIfXMLInvalid>false</w:SaveIfXMLInvalid><w:IgnoreMixedContent>false</w:IgnoreMixedContent><w:AlwaysShowPlaceholderText>false</w:AlwaysShowPlaceholderText><w:DoNotPromoteQF/><w:LidThemeOther>EN-US</w:LidThemeOther><w:LidThemeAsian>ZH-CN</w:LidThemeAsian><w:LidThemeComplexScript>X-NONE</w:LidThemeComplexScript><w:Compatibility><w:BreakWrappedTables/><w:SnapToGridInCell/><w:WrapTextWithPunct/><w:UseAsianBreakRules/><w:DontGrowAutofit/><w:SplitPgBreakAndParaMark/><w:DontVertAlignCellWithSp/><w:DontBreakConstrainedForcedTables/><w:DontVertAlignInTxbx/><w:Word11KerningPairs/><w:CachedColBalance/><w:UseFELayout/></w:Compatibility><w:BrowserLevel>MicrosoftInternetExplorer4</w:BrowserLevel><m:mathPr><m:mathFont m:val=\"Cambria Math\"/><m:brkBin m:val=\"before\"/><m:brkBinSub m:val=\"--\"/><m:smallFrac m:val=\"off\"/><m:dispDef/><m:lMargin m:val=\"0\"/> <m:rMargin m:val=\"0\"/><m:defJc m:val=\"centerGroup\"/><m:wrapIndent m:val=\"1440\"/><m:intLim m:val=\"subSup\"/><m:naryLim m:val=\"undOvr\"/></m:mathPr></w:WordDocument></xml><![endif]--></head>\n",body: "<body>_body_</body>"}};

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

导出word文档

$("#word_demo").wordExport()

结果

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

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

通过 wordexport插件 js jq 生成word文档并导出相关推荐

java 生成word_Java Web 生成Word文档（freemarker方式）
首先在pom文件中加入下面这个依赖(不是Maven项目的话,把jar包导入项目即可) org.freemarker freemarker 2.3.23 1.创建带有格式的word文档,将该需要动态展示 ...
js将HTML导出生成word文档
在项目开发中中,遇到将HTML导出生成word文档,刚开始在网上找了很多资料,基本都是jQuery中的插件jquery.wordexport.js,刚开始是不想用这个的,这个要引用另一个插件FileS ...
用js将HTML文本导出生成word文档
在项目开发中中,遇到将HTML导出生成word文档,刚开始在网上找了很多资料,基本都是jQuery中的插件jquery.wordexport.js,刚开始是不想用这个的,这个要引用另一个插件FileS ...
帝国cms把网站文章内容生成word文档下载插件
帝国cms把网站文章内容生成word文档下载插件插件介绍 jQuery Word Export是一款可以将网页中的文字导出到微软Word文档中的jQuery插件.它通过FileSaver.js文件来 ...
是的你没看错，js生成word文档
用js生成word文档查看Demo 你可以生成一份 word 文档,在此文档中可以添加多种元素并设置多种属性. 可添加的元素段落超链接标题表格列表图片可设置的属性 font:字体,比如 ...
word插件php,php使用phpword插件生成word文档
php使用phpword插件生成word文档 php使用phpword插件生成word文档,有需要的朋友可以参考参考. require_once '../libs/PHPWord/PHPWord.ph ...
将HTML导出生成word文档
前言: 项目开发中遇到了需要将HTML页面的内容导出为一个word文档,所以有了这边随笔. 当然,项目开发又时间有点紧迫,第一时间想到的是用插件,所以百度了下.下面就介绍两个导出word文档的方法. ...
HTML导出生成Word文档
前言在某某夜黑风高的一天即将下班的时候,老板召集公司大神们,进行了一个紧急会议,此会议主要目的是老板的客户提出了一些小需求, 有一个前端小需求,需要将前端HTML导出为Word文档,因为没有做过此 ...
python读取word指定内容_python解析html提取数据，并生成word文档实例解析
简介今天试着用ptyhon做了一个抓取网页内容,并生成word文档的功能,功能很简单,做一下记录以备以后用到. 生成word用到了第三方组件python-docx,所以先进行第三方组件的安装.由于w ...
Java使用freemarker生成word文档并转pdf文档
Java使用freemarker生成word文档后转pdf 先来看看效果图进入正题项目需求: 为订单后生成对应的pdf文档,文档内包含图片. 方案一:使用freemarker和itext把html ...

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

首先下载jq插件

按照顺序引入插件

然后写好模板

修改样式方法

导出word文档

结果

通过 wordexport插件 js jq 生成word文档并导出相关推荐

最新文章

热门文章

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

首先下载jq插件

按照顺序引入插件

然后写好模板

修改样式方法

导出word文档

结果

通过 wordexport插件 js jq 生成word文档 并导出相关推荐

最新文章

热门文章

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

通过 wordexport插件 js jq 生成word文档并导出相关推荐