网页导出Word几种方法简介

网页内容导出至PDF与Word
本文介绍使用jQuery插件jqprint将网页内容导出为PDF,再由PDF转换成Word的方法,以及利用jquery.wordexport.js直接导出Word文档的技术。同时探讨了百度JS模板引擎在生成PDF和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>

js  

<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>

js

<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> 

js

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

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

有没有更好的Word导出??

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Hxy_xy

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值