关于Jquery导出word文档

通常情况下，我们在开发过程中会遇到，导出网页上的内容保存至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]-->

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

关于Jquery导出word文档相关推荐

jQuery导出word文档
另外一篇js导出excel function DDoc() {this.data = [];this.relationData = [];this.listCount = 0;this.counter ...
jQuery表格导出Excel文件以及网页内容导出Word文档
前言: 我在这里给大家介绍一下我们能用代码实现的最简单的两种转换为Excel文件以及Word文档的方法. jQuery表格导出Excel文件先来看看我们的层级划分: 如图所示: demo.css 代 ...
使用jquery.wordexport.js导出word文档设置行间距不生效问题
在使用jquery.wordexport.js导出word文档时在js里设置的style margin-top不生效生成的doc还是没有行间距一通百度后发现没用解决方法后来发现有位 ...
如何导出word文档
前言一般导出word,是后台做的功能,如果确实需要前端做,可以借助jQuery的wordexport.js导出word文档提示:以下是本篇文章正文内容,下面案例可供参考一.使用步骤 1.引入文件 ...
js导出word文档可以兼容IE8+浏览器适配其他浏览器
js导出word文档,兼容IE8浏览器其他浏览器需要引入两个文件:FileSaver.js 和 jqueryWordExport.js 需要兼容IE8浏览器需要引用:FileSaver.js exc ...
html导出 word文档教程
最近搞项目需要用到导出word 文档,由于呢他要显示word格式,我就用word文档生成模板,现在分享给大家. 这是我在网上找的 demo,按照功能不错大家可以看看 1.加入两个外部js ...
「Vue To Words」 - 教你在Vue项目中导出Word文档（包含表格合并，图片修改大小）
前言:最近在项目中遇到了,vue页面需要导出word文档,今日就进行记录一下,如有不对的地方,还请见谅 ^^ 简单说一下需求:需要导出的页面是表格页面,因为包含表格的嵌套和合并,其实最主要的就是导出页 ...
java导出word表格_使用PowerDesigner16.5 逆向数据库导出word文档
在上一篇<使用PowerDesigner16.5 逆向数据库生产表结构或导出word文档二>中,我们学会了使用PowerDesigner16.5怎么连接数据库,逆向生成表结构.有时候,我们 ...
vue 生产word_nodejs(officegen)+vue(axios)在客户端导出word文档
前言我的项目中有一个需求:点击按钮生成可编辑的word文档订单详情的信息我使用的前端框架是Vue.js.后台使用的是node.js node.js生成和导出word文档我参考的是下面这两篇文章,写 ...

关于Jquery导出word文档

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

关于Jquery导出word文档相关推荐

最新文章

热门文章