首先下载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()
结果
还在烦恼找不到免费好看的电脑桌面吗?点我或者去主页,教你如何自己写一个电脑桌面
如果文章对您有所帮助,请帮我点个免费的赞,拒绝白嫖从我做起,我是七月、期待您的关注