Lodop云打印插件使用.md - 简书
Lodop云打印插件使用.md
为了解决公司打印单据的问题，接触了一下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 =
三、创建LODOP对象：两种方式
1、直接创建：
var LODOP = getCLodop();
if (LODOP) {
console.log('创建LODOP对象成功。');
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);
LODOP.PREVIEW();
LODOP.PRINTA();
//选择打印机
LODOP.PRINT();
//直接打印
五、其它：
1、打印表格不要设置行高样式，否则打印的时候无法自动换行。如果需要有空白行，可以用nbsp来占位。2、在https网站中无法调用lodop：可能需要设置服务器代理，进行地址跳转。
不会编程的会计不是一个好厨师lodop打印控件破解思路详解（一） - CSDN博客
lodop打印控件破解思路详解（一）
声明：此博文仅供学习参考，不提供破解文件，本人不承担任何责任。
一、开篇介绍
打印控件，相信做web开发的，打印是很痛苦的一块。
用javascript的window.print()打印时，无法预览，无法调整样式，各个客户打印出来会有偏差等等...N多问题。
用客户端插件来打印是很多人的选择，我这里选择的是lodop打印，咋说它呢，给我的感觉就是使用真TMD简单，功能真TMD强大。(2个TMD - -)！
用lodop多数情况下是可以免费使用的，只有在直接打印(不通过打印预览时直接弹出打印机对话框针对页面的某一部分进行打印)，还有导出excle(可以将原样的htm table输出到excle文档，包括样式，单元格的合并等，做导出的朋友有福了)时，会在打印的左下角，或者excle输出的最后某几行加上一个标志：&本打印控件由lodop1.7.xxxx输出的字样&，如果不用这二个功能的话，我们是可以自由使用的。
下面正式开始破解思路。首先下载lodop在未安装之前打开lodop的测试文档，会提示安装插件。
点击执行升级，下载lodop。安装，安装的速度非常快，而且是一次安装，兼容所有浏览器。！
速度非常快，安装完成后，就能使用它的打印功能了。
OK。如果我们点直接打印会在打印纸张的左下角输出一排试用版的标志，我们今天就要干掉这个标志。
本文已收录于以下专栏：
相关文章推荐
开篇介绍了本文要破解的对象，以及它的简要截图说明，下面正式开始说明破解过程。
准备工具：OD、侦壳工具、脱壳工具(当然大神如果是手工脱壳就不用看了)
1、 控件是以浏览器为载体的，不像c/s程序那...
免费打印控件Lodop
网站：本群创建于:  其它Lodop群: ⑧(有空) ⑥(满) ⑤(满) ④...
Lodop是一款专业的WEB打印控件，其设计目标是简单易用、功能足够强大，开创WEB打印开发的新局面。
Lodop设计者对WEB下的打印开发任务进行了分类汇总，高度抽象，设计出仅用几个功...
首先看以下的官方示例代码，其实是很简单的。 其他的代码可以去官方查看掩饰。
我只想吐槽下第一次用这个控件做了一个，不断的去后台读取数据然后打印出的功能。
思路如下：
每次从后台读取一页数据，然后...
第一节 MongoDB介绍及下载与安装
    MongoDB是一个介于关系数据库和非关系数据库之间的产品，是非关系数据库当中功能最丰富，最像关系数据库的。他支持的数据结构非常松...
最近在工作中遇到了套打的需求，前前后后，花了不少时间，现在总结一下套打的实现方式。
一、设计思路
1、将待打印的文档扫描生成图片，作为网页的背景图片。
2、通过css将待打印的文字进行定位
3、使用j...
他的最新文章
讲师：何宇健
讲师：董岩
您举报文章：
举报原因：
原文地址：
原因补充：
(最多只允许输入30个字)实现打印功能需电脑已经连接打印机(打印什么类型的东西就连接相应的打印机&（普通大打印机 打印标签 打印发票各种打印机）)和已经安装好lodop控件
控件可到官网进行下载 http://www.lodop.net/demo.html
首先引用js
&script type="text/javascript" src="http://127.0.0.1:9999/CLodopfuncs.js?priority=1"&&/script&
这里的9999 指的是我电脑上安装好lodop控件的端口号 我设置的是9999 & &默认的是8000点击设置也可以更改
1 &script type="text/javascript" src="jquery.min.js"&&/script&
2 &script type="text/javascript" src="http://127.0.0.1:9999/CLodopfuncs.js?priority=1"&&/script&
3 &script type="text/javascript"&
<span style="background-color: #f5f5f5; color: #
function print() {
var html = $("#printMedicineHtml").html();
html = "&style&" + $("#style1").html() + "&/style&" +
LODOP.SET_PRINT_PAGESIZE(<span style="background-color: #f5f5f5; color: #, <span style="background-color: #f5f5f5; color: #00, "", ""); //设置纸张
LODOP.SET_PRINT_MODE("POS_BASEON_PAPER", true); //设置以纸张边缘为基点
<span style="background-color: #f5f5f5; color: #
LODOP.SET_PRINT_STYLE("FontSize", <span style="background-color: #f5f5f5; color: #); //设置字体
<span style="background-color: #f5f5f5; color: #
LODOP.ADD_PRINT_HTM(<span style="background-color: #f5f5f5; color: #, <span style="background-color: #f5f5f5; color: #, "<span style="background-color: #f5f5f5; color: #0%", "<span style="background-color: #f5f5f5; color: #0%", html);
<span style="background-color: #f5f5f5; color: #
LODOP.PREVIEW();//打印预览
<span style="background-color: #f5f5f5; color: #
//LODOP.PRINT(); //直接打印
<span style="background-color: #f5f5f5; color: #
<span style="background-color: #f5f5f5; color: #
16 &/script&
常用打印控件js，可适当参考使用
var LODOP;
//打印预览
function print_preview(){
LODOP.PREVIEW();
//直接打印
// function print(){
LODOP.PRINT();
<span style="color: #
//选择打印机
<span style="color: #
function print_printA(){
<span style="color: #
LODOP.PRINTA();
<span style="color: #
<span style="color: #
//打印维护
<span style="color: #
function printSetup(){
<span style="color: #
LODOP.PRINT_SETUP();
<span style="color: #
<span style="color: #
//打印设计
<span style="color: #
function printDesign(){
<span style="color: #
LODOP.PRINT_DESIGN();
<span style="color: #
<span style="color: #
<span style="color: #
<span style="color: #
<span style="color: #
<span style="color: #
&div class="toolbar"&
<span style="color: #
&input type="button" value="打印预览" onclick="print_preview()"&
<span style="color: #
&input type="button" value="直接打印" onclick="print()"&
<span style="color: #
&input type="button" value="选择打印机" onclick="print_printA()"&
<span style="color: #
&input type="button" value="打印维护" onclick="printSetup()"&
<span style="color: #
&input type="button" value="打印设计" onclick="printDesign()"&
<span style="color: #
<span style="color: #
&title&预约挂号&/title&
4 &script type="text/javascript" src="jquery.min.js"&&/script&
5 &script type="text/javascript" src="http://127.0.0.1:9999/CLodopfuncs.js?priority=1"&&/script&
6 &script type="text/javascript"&
function print() {
var html = $("#printMedicineHtml").html();
html = "&style&" + $("#style1").html() + "&/style&" +
LODOP.SET_PRINT_PAGESIZE(<span style="background-color: #f5f5f5; color: #, <span style="background-color: #f5f5f5; color: #00, "", ""); //设置纸张
LODOP.SET_PRINT_MODE("POS_BASEON_PAPER", true); //设置以纸张边缘为基点
LODOP.SET_PRINT_STYLE("FontSize", <span style="background-color: #f5f5f5; color: #); //设置字体
LODOP.ADD_PRINT_HTM(<span style="background-color: #f5f5f5; color: #, <span style="background-color: #f5f5f5; color: #, "<span style="background-color: #f5f5f5; color: #0%", "<span style="background-color: #f5f5f5; color: #0%", html);
LODOP.PREVIEW();//打印预览
//LODOP.PRINT(); //直接打印
20 &/script&
21 &/head&
23 &style id="style1"&
.content_all {
border: 0px solid gray;
.content_all .one {
position: relative;
.content_all .one {
width: 100%;
border-bottom: 1px dashed gray;
padding: 0 0 10px 0;
.content_all .two {
width: 100%;
border-bottom: 1px solid gray;
padding: 0 0 10px 0;
.content_all .one tr:nth-child(2) td {
font-size: 22px;
text-align: center;
color: #2b2b2b;
font-weight: bold;
.content_all .one tr:nth-child(3) td {
padding-top: 10px;
.content_all .two {
margin-top: 5px;
.content_all .two tr, .content_all .one tr {
line-height: 25px;
.content_all .two tr td {
width: 100%;
.content_all .two tr:first-child td {
color: #2b2b2b;
font-weight: bold;
margin: 10px 0 60px 0;
.type {border: 1px solid #888888;text-align: center;line-height: 30px;box-sizing: border-box;padding: 0 10px;float: left;margin-right: 20px;
margin-bottom: 10px;}
.photo{width:13%;height:77px;border:3px solid rgba(158, 158, 158, 0.56);float:right;background-size:cover;background:url("sdsa.png") no-repeat}
.table_ylist{padding:0 4%;width:100%;text-align:left;font-size:14px}
.table_ylist tr{line-height:15px}
.table_ylist tr td{width:16.66%}
.tips{margin-top:20px;line-height:15px;font-size:14px}
.tips span{width:75px;display:inline-block;border-bottom:1px solid #808080;text-indent:18px}
.adress_tips{margin-top:10px}
.adress_tips .heal{margin-left:150px}
.sp_tip{margin-top:5px;font-size:14px}
86 &/style&
88 &div id="printMedicineHtml" style="width:490height:580 margin:0padding:0; border:0; list-style: font-size:14 line-height: 20font-family:微软雅黑,黑体,A"&
&div class="content_all"&
&div class="commer"&
&div style="text-align:font-size:18margin-right:30px"&医馆处方单&/div&
&div style="border-bottom:1px solid #2b2b2b"&
&table style="width:95%"&
&td style="width:230px"&就诊单号：&span style="margin-left:10font-size:30px" id="Prescription2"&&/span&&/td&
&td style="width:200px"&就诊人：&span style="margin-left:10px" id="UserOutpatients"&&/span&&/td&
&td style="width:200px"&性别：&span style="margin-left:10px" id="Sex"&&/span&&/td&
<span style="color: #0
<span style="color: #1
<span style="color: #2
&td style="width:200px"&年 &&龄：&span style="margin-left:10px" id="Age"&&/span&&/td&
<span style="color: #3
&td style="width:200px"&电话：&span style="margin-left:10px" id="UserTel2"&&/span&&/td&
<span style="color: #4
<span style="color: #5
<span style="color: #6
&td style="width:230px"&制药：&span style="margin-left:10px" id="IsDecocting"&&/span&&/td&
<span style="color: #7
&td style="width:230px"&取药：&span style="margin-left:10px" id="DictPickType"&&/span&&/td&
<span style="color: #8
<span style="color: #9
<span style="color: #0
&td style="width:230px"&类型：&span style="margin-left:10px" id="DictMedicineTypeName"&&/span&&/td&
<span style="color: #1
&td style="width:230px"&就诊时间：&span style="margin-left:10px" id="AddTime"&&/span&&/td&
<span style="color: #2
<span style="color: #3
<span style="color: #4
<span style="color: #5
<span style="color: #6
<span style="color: #7
<span style="color: #8 &/div&
<span style="color: #9 &/div&
<span style="color: #0
<span style="color: #1 &input type="button" value="按钮" onclick="print()"&
<span style="color: #2
<span style="color: #3
<span style="color: #4
<span style="color: #5 &/html&
案例预览：
更多参考lodop官网http://www.lodop.net/demo.html
或参考手册
阅读(...) 评论()5503人阅读
首先看以下的官方示例代码，其实是很简单的。 其他的代码可以去官方查看掩饰。
我只想吐槽下第一次用这个控件做了一个，不断的去后台读取数据然后打印出的功能。
思路如下：
每次从后台读取一页数据，然后在js中处理，拼接成html内容。然后判断内容高度，是否满了一页，满了则打印，否则继续追加内容（虚拟高度是按毫米和像素之间的必烈虚拟的一个尺寸）。
程序代码写完之后通过虚拟打印机打印出来的东西。很符合我们的要求，
那么问题来了：他们的插件首先是在不同的系统版本中，和不同的浏览器中安装成功率是不一样的。
就比如我在win10中安装。谷歌死活安装不上，在win7中谷歌也安装不上。好像他们提供的js还和jquery的验证框架冲突。
ok，吐槽完插件的兼容性，再来吐槽下这个空间对打印机的兼容性，在hp打印机（看着很新的一款）中打印出来的效果是我们需要的效果，但是换了一台打印机打印出来的效果就是错误的。用不同的浏览器打印出来的结果也不是一样的。比如：字体在全部打印中的纸张中不是一致的，有些打印出来的数据少了一页。有的多出来一张空页等等；
最后总结：如果只是打印页面的可见数据。我觉得用浏览器自带的打印功能就很好。需要不断的从后台获取的话。可能这个控件不适合用html的方式去填充内容。 兼容性太不好了！
function createPrintPage(){
LODOP.PRINT_INIT("进行lodop打印测试...");
LODOP.ADD_PRINT_TEXT(30,60,170,20,document.getElementById("text_0").value);
LODOP.ADD_PRINT_TEXT(60,60,170,20,document.getElementById("text_1").value);
LODOP.ADD_PRINT_TEXT(90,60,170,20,document.getElementById("text_2").value);
LODOP.ADD_PRINT_TEXT(120,60,170,20,document.getElementById("text_3").value);
LODOP.ADD_PRINT_TEXT(150,60,170,20,document.getElementById("text_4").value);
LODOP.ADD_PRINT_TEXT(180,60,170,20,document.getElementById("text_5").value);
其中：PRINT_INIT()是初始化方法，必须有，参数作为此次打印任务显示，或者作为PDF文件打印时的文件名。
“页面代码通过控件来控制打印机”这是Lodop的基本思路。所以每一个内容必须要页面代码传给控件，控件是不会去页面获取信息的，
预览方法：
function print_view(){
createPrintPage();
LODOP.PREVIEW();
打印方法：
function print(){
createPrintPage();
LODOP.PRINT();
打印维护：
function print_setup(){
createPrintPage();
LODOP.PRINT_SETUP();
打印设计：
function print_design(){
createPrintPage();
LODOP.PRINT_DESIGN();
&&相关文章推荐
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：126813次
积分：2028
积分：2028
排名：千里之外
原创：81篇
转载：27篇
评论：46条
本博客记录一些学习笔记和工作开发中遇到的一些问题 QQ:
6.10为了学习技术而写的一个多人使用的博客
工作中封装了一部分用到的微信api，搭成了一个架子，扩展方便。
最近发现Gitbook能更好的记录笔记，以后就转移到这里了
在使用GitBook过程中，方便使用，模仿开发了一些插件。
(1)(2)(2)(4)(7)(5)(8)(28)(5)(13)(19)(5)(9)
(window.slotbydup = window.slotbydup || []).push({
id: '4740887',
container: s,
size: '250,250',
display: 'inlay-fix'