-
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导出??