网页端实现一键打印功能,H5,热敏打印机,普通打印机
前几天做项目的时候,遇到一个要求,需要在网页端链接打印设备,达到一键快速打印的目的!(废话不多说,上干货 0-0)
第一步:http://www.c-lodop.com/download.html
进入下载页面,推荐下载Lodop 综合版(内附源码页
)
第二步:解压文件,安装下面这个文件
第三步:选择 PrintSampIndex.html 文件在浏览器中打开,如下:
找到自己需要使用的例子,页面的对应信息都在对应的html文件中(可自行选择使用);
至此结束
![]()
![]()
PS:如果阁下也是性情慵懒之人,那你做
程序员;
just kidding !
to do like this !
1:在你的页面head 部分引入下面这个 标签!
<script language="javascript" src="http://localhost:8000/CLodopDemos/LodopFuncs.js"></script>
2:下面这句加在页面body里面,*所有要打印的东西都在这个 div中*
<div id="content"></div>
3:页面中加入这部分js!
<script language="javascript" type="text/javascript">
var LODOP;//声明为全局变量
function prn_print(){
CreateOneFormPage();
LODOP.PRINT();
};
function CreateOneFormPage(){
LODOP=getLodop();
LODOP.SET_PRINT_STYLE("FontSize",12);//打印区域的字体大小
LODOP.SET_PRINT_PAGESIZE(5,560,1250,"");//打印区域的整体尺寸
LODOP.ADD_PRINT_HTM(5,5,500,1350,document.getElementById("content").innerHTML);
};
</script>end
就写这些吧,有问题的可以留下评论!
文章中涉及插件功能来自lodop 官网,请勿要用于非法,盈利,等其他带有目的性用途!!!