< 返回首页

标哥的笔记,是记录在日常学习技术和日常开发中那些年遇到过的坑!本站为新站,原"标哥的技术博客"中的文章会慢慢移到本站,欢迎收藏本站!
在使用本站过程中,有任何建议请联系标哥! 另,承接App开发、网站开发和微信小程序开发!欢迎联系我们


JQuery非常优秀的打印插件printArea

 作者:标哥    发布日期:2017-03-10 20:03    阅读量:4513次
 

记录下一个很优秀的Jquery插件,用于局部打印的插件,名叫PrintArea,采用的是JSON配置,可以通过popup或者iframe的方式来呈现,使用起来非常简单。

插件地址

官方下载地址:http://plugins.jquery.com/PrintArea/,下载最新版本就可以了!

引入插件

引入jquery.printarea.css和jquery.printarea.js文件,然后就可以开始使用插件的功能了。

简单使用

在需要打印的内容添加一个最外层div,可以给一个id值,比如:<div id="print-area">,然后最简单的调用方式为:

$('#print-area').printArea();

就这样一行非常简化的代码就可以实现功能了。

从源码可以看到,可以带很多个参数的:

var defaults = { mode       : modes.iframe,
                 standard   : standards.html5,
                 popHt      : 500,
                 popWd      : 400,
                 popX       : 200,
                 popY       : 200,
                 popTitle   : '',
                 popClose   : false,
                 extraCss   : '',
                 extraHead  : '',
                 retainAttr : ["id","class","style"] };

不过这个插件都提供了默认值,基本采用默认值就可以满足普通的打印功能了。

打印样式问题

使用的时候可能会出现打印的时候写的样式都没有带上,后来搜索了一下,原来是要想打印出样式,需要将样式内容放在需要打印的内容内,也就是上面这个div内包含着,这样才可以做到!


承接:ThinkPHP项目开发、网站项目开发、微信项目开发、微信小程序项目开发、App开发,欢迎联系标哥QQ632840804