Lodop打印使用示例

最新推荐文章于 2024-02-28 18:29:35 发布
最新推荐文章于 2024-02-28 18:29:35 发布
阅读量2.7k 收藏 7
点赞数 1
分类专栏： web
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_37051370/article/details/103677714
版权

1.打开http://www.lodop.net/，lodop的官网，点击下载中心

 2.进入下载中心，点击下载

3.下载后，得到一个压缩包并解压

 

 5.新建一个html并引入LodopFuncs.js

 6.编写js代码

var LODOP;
// getLodop是LodopFuncs.js里面定义的方法
LODOP=getLodop();  
LODOP.PRINT_INIT("打印控件功能演示_Lodop功能_全页");
// 设置打印机
LODOP.SET_PRINT_MODE("WINDOW_DEFPRINTER","Godex G500");
// 设置打印后自动关闭
LODOP.SET_PRINT_MODE("AUTO_CLOSE_PREWINDOW", 1);
// data就是一段html文本
LODOP.ADD_PRINT_HTM("0%","0%","100%","100%",data);
// 直接打印无预览
LODOP.PRINT();

 

7.注意如果要打印html的话，那个html的格式必须是标准格式，也就是必须要有<!DOCTYPE><HTML><HEAD><BODY>等标签，不能只是一段代码之类的 

远处何方
关注
  • 1
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue实现lodop打印功能的示例
01-18
1.官网下载 http://www.lodop.net/download.html 2.解压安装运行 3.vue部分实现 　　3.1将lodopDuncs.js文件放入工程中，具体操作可见：http://www.lodop.net/faq/pp35.html 3.2 编写代码 <template> <div class=hello> <button class=print-btn v-on:click=btnClickPrint> <span>{{ msg }}</span> </button> </div> </template> [removed] im
Vue使用lodop实现打印小结
10-16
主要介绍了Vue使用lodop打印小结，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
Lodop关联内容分页打印
最新发布
Bruce__taotao的博客
02-28 448
Lodop打印插件使用系列，本文交流下比较常用的需求。在打印的页面里面有2个或多个table，它们的高度不固定。这种情况也要实现分页。大概2个方向的思路，思路1自行计算高度，在需要换页的时候，调用Lodop的api。自己处理页码。思路2:2个table自动分页。这里研究下思路2的大概实现。本文记录在使用Lodop需要关联打印项，来达到不定高度的table能相对布局。接着讨论table内嵌条形码的实现方式。
云打印C-Lodop技术手册3.008（20170901）
08-27
第一章C-Lodop标准版 - 3 - 一、概述 - 3 - 二、安装 - 4 - C-Lodop标准版的(32位)安装文件： - 4 - 安装后的运行文件： - 4 - 安装后的窗口 - 5 - 安装后的欢迎页面 - 6 - 三、页面调用 - 7 - 加载云打印JS文件的简单方法 - 7 - 动态加载云打印JS文件 - 7 - 云打印JS文件的优先级 - 7 - 加载多个云打印JS文件 - 8 - 获取LODOP对象 - 8 - 四、功能函数、属性和事件 - 8 - Create_Printer_List - 9 - Create_PageSize_List - 9 - PREVIEW - 9 - HTTPS_STATUS - 10 - On_Return - 10 - On_Return_Remain - 10 - window.On_CLodop_Opened - 11 - 第二章C-Lodop扩展版 - 12 - 一、扩展版概述 - 12 - 二、扩展版安装 - 13 - 扩展版32位安装文件： - 13 - 扩展版64位安装文件： - 13 - 扩展版安装后的窗口 - 13 - 三、页面调用 - 14 - 四、函数扩展 - 15 - SET_PRINTER_INDEX - 15 - GET_VALUE - 15 - DO_ACTION - 16 - 五、 界面设置 - 16 - 1：AO服务器的选项设置 - 17 - 2：AO服务器的SSL设置 - 17 - 3：AO客户端桥设置 - 18 - 第三章 C-Lodop服务网址 - 19 -
LODOP打印控件ASP等网页可以用
09-03
LODOP打印控件ASP等网页可以用,有很多的例子可以参考到自己的代码中
WEB打印控件Lodop完整实例
04-22
Lodop是一款专业的WEB打印控件，其设计目标是简单易用、功能强大且短小精悍，开创WEB打印开发的新局面 这是一个完整的测试实例，包括安装包，打印实例，说明文档
基于Lodop打印php网页小票打印实例
02-09
php网页小票打印实例，打印机安装设置完成后，然后下载【Lodop打印插件】，安装插件即可 演示地址：http://www.phprr.com/demo-2127
C-lodop打印控件 实现批量打印
qq_35804654的博客
08-13 7520
Lodop是什么？官网链接 有人说她是Web打印控件，因为她能打印、在浏览器中以插件的形式出现，用简单一行语句就把整个网页打印出来； 有人说她是打印编程接口，因为她介于浏览器和打印设备之间，是个通道和桥梁，几乎能想到的打印控制事项都能做到； 有人说她是JavaScript的扩展，因为她所有功能就那么几个语句，和JS语法一样，一看就明白个究竟； 有人说她是报表打印工具，因为那个add_pr...
C-Lodop (Print)前端自定义打印控件
cf
01-18 745
C-Lodop
CLodop设置打印
m0_71331177的博客
08-22 2374
CLodop打印设置 1、可同时控制多台打印机打印，根据打印机名称或直接设置默认打印机或指定打印机 2、CLodop可同一个页面多次注册/设置打印内容--原生HTML 3、CLodop可设置预览或直接打印
C-Lodop打印插件批量打印thinkphp打印fastadmin打印
webnoties的专栏
12-17 1098
C-Lodop打印插件批量打印thinkphp打印fastadmin打印 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /
Vue中使用Lodop插件实现打印功能的简单方法
10-15
主要给大家介绍了关于Vue中使用Lodop插件实现打印功能的简单方法，文中通过示例代码介绍的非常详细，对大家学习或者使用Vue具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧
C-LODOP打印设计获取返回值
chufeng1992的专栏
04-25 7448
先声明前提，已经本地安装了打印服务。页面引用http://127.0.0.1:8000/CLodopfuncs.js?priority=1">>。 问题：是调用C-LODOP打印设计的时候，直接调用 LODOP.PRINT_DESIGN();  函数返回的是一个C70mt开头的字符串（后面知道是远程任务id），但我们肯定想要的不是这个，想要的肯定是设计返回的js代码，这个纠结了一阵子。 解决：
LODOP（露肚皮）打印控件使用 打印HTML内容。
黑夜里的猫头鹰的博客
09-21 4997
关键字LODOP（露肚皮） 使用说明： 1、加载LodopFuncs.js 2、安装C-Lodop (Print)控件 下载地址：http://www.lodop.net/download.html进入之后下载lodop综合版 <h3>LODOP控件使用</h3> <p>请安装CLodop_Setup_for_Win32NT.exe控件</p&g...
vue3使用clodop 云打印
良_的博客
07-15 4394
vue3使用clodop云打印。
vue 使用c-lodop插件实现循环打印 调整打印样式
sinat_41273766的博客
09-04 915
vue 使用c-lodop插件实现循环打印 可调整打印样式
使用vue进行Lodop打印的一些方法
字节叔叔
06-11 6262
一个基于 Vue、ElementUi、C-Lodop 的打印模板设计器。实现打印模板的设计、预览和打印功能。示例。
C-LODOP常用指令
金祥林的博客
08-28 2219
PRINT_INIT(strPrintTaskName) //打印初始化 PRINT_SETUP() //打印维护 PRINT_DESIGN //打印设计 PREVIEW() //打印预览 LODOP.SET_PRINT_MODE("PROGRAM_CONTENT_BYVAR,true"); //生成程序时，内容参数有变量用变量，无变量用具体值 LODOP.SET_PRINT_MODE...
java （lodop） 打印实例
farxix的博客
05-13 1705
首先在lodop官网下载相关文件（js、css等）：http://www.lodop.net/download.html 在下载好的包里 除了html页面 其他的js、css等拷贝到项目的一个目录下、新建个lodop文件夹。 在页面头部加入下面等信息、这里注意的是引入的文件地址 <script language="javascript" src="../res/lodop/LodopFu...
vue LODOP 打印收据
09-15
Vue LODOP 是一个用于在Vue项目中使用LODOP打印的工具。LODOP是指“软硬件一体化”的打印解决方案，它能够在浏览器中直接进行打印操作。 要在Vue项目中使用LODOP打印收据，首先需要在项目中引入LODOP的相关资源。可以通过以下步骤来实现： 1. 下载LODOP插件：在LODOP官网（http://www.lodop.net/）下载LODOP插件，并解压到项目的静态资源文件夹中。 2. 在Vue项目的index.html文件中引入LODOP插件： ```html <script src="/static/CLodopfuncs.js"></script> ``` 3. 在需要打印收据的组件中，可以通过以下代码来使用LODOP打印： ```javascript // 获取LODOP对象 var LODOP = getCLodop(); // 设置打印内容 LODOP.PRINT_INIT("打印收据"); LODOP.ADD_PRINT_TEXT(50, 50, 200, 30, "收据内容"); // 打印预览 LODOP.PREVIEW(); ``` 在上述代码中，我们首先通过调用`getCLodop()`方法来获取LODOP对象。然后，使用`PRINT_INIT`方法设置打印标题，使用`ADD_PRINT_TEXT`方法添加打印内容。最后，通过调用`PREVIEW`方法来进行打印预览操作。 请注意，以上代码只是一个示例，你可以根据你的实际需求进行修改和扩展。同时，确保在使用LODOP打印之前，已经正确引入了LODOP插件并配置了相关权限。 希望以上信息能够帮助到你！如有更多疑问，请随时提问。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值