关于Jquery导出word文档

最新推荐文章于 2024-01-30 14:44:49 发布

置顶暮冬十五

最新推荐文章于 2024-01-30 14:44:49 发布

阅读量9.5k

点赞数

分类专栏：日常小结文章标签： php jquery 下载文档导出

本文链接：https://blog.csdn.net/jack19941215/article/details/80077157

版权

日常小结专栏收录该内容

15 篇文章 1 订阅

订阅专栏

通常情况下，我们在开发过程中会遇到，导出网页上的内容保存至word文档中，类似这样的需求。前人早已为我们中下树，我们只需要乘凉即可。百度 Jquery 导出文档插件！我们会看到好多 资源，随便找一个引入到我们的项目即可！但是我们今天要说的是导出的版式问题， Jquery导出Word插件 默认的版式是 Web版式，但是往往我们更需要 页面版式，故我来教大家如何设置为 页面版式！具体步骤如下：

我们下载好Jquery导出word文档插件
先需要引入 jquery，然后引入FileSaver.js、jquery.wordexport.js
初始化

$(function() {
   $(".word-export").click(function() {
       $("#pagecontent").wordExport("fileName");
       //fileName为导出的word文件的命名
   });
});

我们下载出来默认是这样的， Web版式
打开 jquery.wordexport.js，修改 var static 变量中的内容

# 将这段代码，添加至<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'  xmlns='http://www.w3.org/1999/xhtml' 
# 将这段代码，添加至<head>标签中
<!--[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]-->

大功告成！这样就是想要的页面版式了！

这里写图片描述

暮冬十五

关注

0
点赞
踩
14

收藏

觉得还不错? 一键收藏
42
评论
关于Jquery导出word文档

通常情况下，我们在开发过程中会遇到，导出网页上的内容保存至word文档中，类似这样的需求。前人早已为我们重要下，我们只需要乘凉即可。百度 Jquery 导出文档插件！我们会看到好多资源，随便找一个引入到我们的项目即可！但是我们今天要说的是导出的版式问题， Jquery导出Word插件默认的版式是 Web版式，但是往往我们更需要页面版式，故我来教大家如何设置为页面版式！具体步骤如下：我...
复制链接

扫一扫

专栏目录