网页导出Word几种方法简介

jQuery打印插件jqprint

加入迁移辅助插件jquery-migrate-1.0.0.js可解决版本问题

<script src="http://www.jq22.com/jquery/jquery-migrate-1.2.1.min.js"></script>

引jquery 和jqprint

<script language="javascript" src="jquery-1.4.4.min.js"></script>
<script language="javascript" src="jquery.jqprint-0.3.js"></script>

<script language="javascript">
function  a(){$("#ddd").jqprint();}
</script>

html

<div id="ddd"><table><tr><td>test</td><td>test</td><td>test</td><td>test</td><td>test</td></tr></table>
</div>

<input type="button" onclick=" a()" value="打印"/>

点击打印按钮后，在打印页面设置保存为PDF，PDF可以转为Word。
该方法简单，页面格式不会乱，但是不够简单。

参考文章

jquery.wordexport.js 实现导出word

引入jquery 、FileSaver.js和jquery.wordexport.js

<script src="http://jquery.min.js"></script>
<script src="FileSaver.js"></script>
<script src="jquery.wordexport.js"></script>

html

<a class="word-export" href="javascript:void(0)"> 导出 </a>
<div id="page-content"> test </div>

<script type="text/javascript">
jQuery(document).ready(function($) {
$("a.word-export").click(function(event) {
$("#page-content").wordExport();
});
});
</script>

实现简单，行的样式基本一致，列的样式混乱

百度的JS模板引擎

引入百度的JS模板引擎

<script type="text/javascript" src="http://myxdoc.sohuapps.com/xdoc.js"></script>
<script type="text/javascript" src="http://myxdoc.sohuapps.com/baiduTemplate.js"></script>

html

<input type="button" onclick="gen('pdf')" value="生成PDF" />
<input type="button" onclick="gen('docx')" value="生成Word" />
<script id="tmpl" type="text/html">   <xdoc version="A.3.0">  <body>  <para heading="1" lineSpacing="28">  <text valign="center" fontName="标宋" fontSize="29">标题</text>  </para>  <para>  <text valign="center" fontName="标宋" fontSize="29">图片</text>  </para>  <para lineSpacing="9">  <text fontName="仿宋" fontSize="18">正文</text>  </para>  </body>  </xdoc>
</script>

var type = "docx";//pdfvar data = {}function renderTemplate() {var template = $("#tmpl").html();$("body").append(template);}renderTemplate();function gen(type) {XDoc.to(baidu.template('tmpl', data), type, {}, "_blank");}

这个技术，好像是限制有点多，导出文本和图片还行。

有没有更好的Word导出？？

网页导出Word几种方法简介相关推荐

导出Word几种方法
最近项目里要求从后台获取试题然后生成一张试卷导出Word.开始是利用xml 由Freemark模版生成,但是由于数据库里存了来自富文本框带Html格式的数据,此部分样式无法生成.只好先生成html,再 ...
数据库数据用Excel导出的3种方法
数据库数据用Excel导出的3种方法分类: .Net 2008-06-30 11:07 173人阅读评论(2) 收藏举报将数据库数据用Excel导出主要有3种方法:用Excel.Applica ...
JavaScript 实现网页截屏五种方法
JavaScript 实现网页截屏五种方法最近研究了下如何利用JavaScript实现网页截屏,包括在浏览器运行的JS,以及在后台运行的nodeJs的方法.主要看了以下几个: PhantomJS P ...
php生成word的三种方式,php生成word两种方法
php生成word两种方法 php教程生成word两种方法 1.正常的touch创建word 2.fopen 打开word 3.fwrite 写入word 并保存这样会出现一个问题如果写入的东西里 ...
mysql e 导出数据库_mysql导出数据库几种方法
方法一 cmd 到mysql bin目录下用如下命令 mysqldump --opt -h192.168.0.156 -uusername -ppassword --skip-lock-tables ...
mysql导出数据到s3_mysql导出数据库几种方法
方法一 cmd 到mysql bin目录下用如下命令 mysqldump --opt -h192.168.0.156 -uusername -ppassword --skip-lock-tables ...
asp.net(c#)网页跳转七种方法小结
在asp.net下,经常需要页面的跳转,下面是具体的几种方法.跳转页面是大部编辑语言中都会有的,正面我们来分别介绍一下关于.net中response.redirect sever.execute se ...
JS 实现网页截屏五种方法
最近研究了下如何利用JavaScript实现网页截屏,包括在浏览器运行的JS,以及在后台运行的nodeJs的方法.主要看了以下几个: PhantomJS Puppeteer(chrome headle ...
Chrome浏览器查看网页源代码的几种方法
第一种方法在网页空白处鼠标右键,然后点view page source.即可查看源代码. 第二种方法有的网站不支持右键,那么我们可以在网址前面加view-source.即可查看源代码.
第二十七篇网页数据解析三种方法: 正则表达--BeautifulSoup--xpath 满满的干货
心得: 生活不允许自己懈怠自己,革命尚未成功,同志还须努力,有句话说的好,你尽管努力,剩下的交给天意. 我们从网页上抓取的原始数据大多都是html的数据格式,那如何从html中提取想要的字符串,得需要 ...

网页导出Word几种方法简介

jQuery打印插件jqprint

jquery.wordexport.js 实现导出word

百度的JS模板引擎

网页导出Word几种方法简介相关推荐

最新文章

热门文章