为了解决公司打印单据的问题,接触了一下Lodop云打印插件:对界面进行一定规范而不是单纯的浏览器打印,并且不再需要每台电脑都安装打印机驱动了。
本文整理了Lodop的基本用法以及自己测试中踩过的坑...
具体使用:
一、在服务器上安装打印机及Lodop插件:
插件/文档下载地址
CLodop_Setup_for_Win32NT_https _2.090.exe(新的https版本)
二、引入js文件
<script src="http://localhost:8000/CLodopfuncs.js"></script> <!-- 使用本地打印机 -->
<script src="http://192.168.4.253:8000/CLodopfuncs.js"></script> <!-- 使用远程打印机 -->
三、Lodop的操作放入On_CLodop_Opened事件
WebSocket的连接需要时间,直接使用Lodop可能会出现“WebSocket没准备好”的提示
window.On_CLodop_Opened = function () {
//具体Lodop使用
window.On_CLodop_Opened = null;
};
三、创建LODOP对象:两种方式
1、直接创建:
try {
var LODOP = getCLodop();
if (LODOP) {
console.log('创建LODOP对象成功。');
} else {
alert('LODOP打印插件发生错误,请重试。');
}
} catch (err) {
alert('LODOP打印插件发生错误,请重试。');
}
2、引入官方的LodopFuncs.js示例文件(在安装目录文件夹下),使用其中的getLodop方法:
<script src="./LodopFuncs.js"></script> <!--需要修改其中服务器的地址-->
var LODOP = getLodop();
四、基本操作:
1、设置打印任务名(非必须)
LODOP.PRINT_INIT("打印任务名");
2、设置打印纸张 SET_PRINT_PAGESIZE(方向, 宽, 高, 类型)
设置如果无效,可以直接在服务器中打印机设置里面进行自定义纸张的选择。
LODOP.SET_PRINT_PAGESIZE(1, "", "", "A4"); //A4 正向打印
LODOP.SET_PRINT_PAGESIZE(2, "", "", "A4"); //A4 横向打印
LODOP.SET_PRINT_PAGESIZE(1, "10mm", "10mm", ""); //自定义纸张大小打印
3、将预览界面的"设置"按钮隐藏掉:
LODOP.SET_SHOW_MODE("HIDE_SBUTTIN_PREVIEW", 1);
4、设置打印的正文内容:ADD_PRINT_HTM(top, left, width, height, content)
注意:如果存在页面页脚,需要进行偏移调整,否则内容可能会重叠在一起。
LODOP.ADD_PRINT_HTM('0mm', '0mm', "100%", "100%", "正文内容"); //设置打印内容
5、设置页眉页脚:
类似打印正文,通过控制位置来定位内容,然后设置每页打印就可以了。
不只是页眉页脚,每页都需要打印的内容都可以用这个方式。
LODOP.ADD_PRINT_HTM("0mm", "0mm", "100mm", "100mm", "页眉页脚内容"); //在纸张的左上角 打印"页眉页脚内容"
LODOP.SET_PRINT_STYLEA(0, "ItemType", 1); //这行的作用:让前一行的内容 每页都打印。
注意:第二行必须紧跟上一行,中间不能有其它输出的内容,否则每页输出这个设置可能设置到其它内容上面。
LODOP.ADD_PRINT_HTM("0mm", "0mm", "100mm", "100mm", "页眉页脚内容");
LODOP.ADD_PRINT_HTM("0mm", "0mm", "100mm", "100mm", "内容内容"); //这行不应该在这里
LODOP.SET_PRINT_STYLEA(0, "ItemType", 1); //可能导致 每页都是输出 "内容内容" 而非 "页眉页脚内容"
6、设置线条样式:
打印表格类的html,如果需要虚线框:直接设置虚线样式无效!
需要先将表格样式改成实线 再利用lodop的设置:
LODOP.SET_PRINT_STYLE("PenStyle", 2);
LODOP.SET_PRINT_STYLE("PenWidth", 2);
7、打印:
LODOP.PREVIEW(); //预览
LODOP.PRINTA(); //选择打印机
LODOP.PRINT(); //直接打印
五、其它:
1、打印表格不要设置行高样式,否则打印的时候无法自动换行。如果需要有空白行,可以用nbsp来占位。
2、在https网站中无法调用lodop:
可能需要设置服务器代理,进行地址跳转。