打印插件lodop

应用场景:合同套打

1、合同模板管理(主要对合同的内容,生成动态模板vm文件)

2、每次点打印的时候,查询该合同对应的模板以及合同实例,生成对应的html文件

3、前端页面引入LodopFuncs.js

4、代码设定,将生成好的html文件返回之后调研如下方法就可以

var LODOP; //声明为全局变量
            
            function myPreview(html) {

                LODOP = getLodop();
                LODOP.PRINT_INIT("打印插件功能演示_Lodop功能_打印公章加水印效果");    
//                LODOP.SET_SHOW_MODE("HIDE_PBUTTIN_PREVIEW",1);
//                LODOP.SET_SHOW_MODE("HIDE_SBUTTIN_PREVIEW",1);
                
                LODOP.ADD_PRINT_HTM(20, 2, "80%", 940, html);
                LODOP.SET_PRINT_STYLEA(0,"Horient",2);
  
              LODOP.ADD_PRINT_HTM(569,300,200,30,"<span 
tdata=‘pageNO‘>第#页</span>/<span 
tdata=‘pageCount‘>共#页</span>");
                LODOP.SET_PRINT_STYLEA(0,"ItemType",1);
                LODOP.SET_PRINT_STYLEA(0,"Horient",2);
                LODOP.SET_PRINT_STYLEA(0,"Vorient",1);
                LODOP.PREVIEW();
                //LODOP.PRINT_DESIGN();
            };

详细的lodop文档参考:http://www.lodop.net/

时间: 2024-07-29 16:06:06

打印插件lodop的相关文章

chrome升级后LODOP打印插件无法使用

今天帮朋友使用LODOP实现一个套打程序时,发现LODOP打印插件在chrome下始终无法使用.分析后发现是自己才升级了chrome,chrome新版默认是禁用npapi的,因此需要手动启用一下,启用方法如下: 在谷歌浏览器地址栏输入:chrome://flags/#enable-npapi 然后找到“启用NPAPI”,点击启用,根据提示重启chrome即可.

[原创]Lodop打印, 以及Lodop引用css文件控制打印样式的问题.

最近在做Lodop打印功能: 思路是:  用MasterPage搭个打印页面的框架, 然后在具体的页面中填入数据, 打印的样式由母版页和CSS来控制. 困扰了一天的问题是:  在打印的JS文件中, 引用外部css文件时, 需要拼出实际的含有IP地址的CSS文件地址, 并且需要用双斜杠(//)来代替单斜杠. 代码如下: //母版页, 注意:  url的拼接形式 <input id="hidCssRef" name="hidCssRef" type="h

jQuery简单易用的网页内容打印插件

简要教程 jQuery.print是一款简单易容且功能强大的网页内容打印.该网页打印插件可以打印指定区域的网页元素,可以指定跳过不打印某些元素,还可以打印整个页面内容.并且提供了丰富的打印参数设置. 使用方法 使用该网页打印插件要引入jQuery和jquery.print.js文件.<script type="text/javascript" src="http://1112.www.qixoo.qixoo.com/js/jquery.min.js">&

asp.net 实现在线打印功能,jQuery打印插件PrintArea实现自动分页

使用的组件:jQuery打印插件PrintArea,有兴趣的可以研究一下. 使用方法略过,这里将介绍如何实现打印多页是可以分页. 现在提供两种方法思路: 1.根据特定的打印机型号和使用的纸张类型,然后用JS来算出每页多高,按照每张纸的高度来进行适当的增减高度.(这种方式缺点就是只能针对单中类型的纸张,计算十分的繁琐,要些很多加减法 -_-);). 参考A4纸高度的网页:http://www.jb51.net/office/word/67360.html 2.在如上一个思路的方式,试着查找能不能自

Jqprint 轻量级页面打印插件

最近公司项目用到了页面打印功能,不能不承认,JQ的这个打印插件很小巧功能很强大 1.首先需要引入必须的js文件 <script language="javascript" src="jquery-1.4.4.min.js"></script><script language="javascript" src="jquery.jqprint-0.3.js"></script> 2.

Jquery局部打印插件

局部打印插件 jquery.PrintArea.js js代码 (function ($) {    var printAreaCount = 0;    $.fn.printArea = function () {        var ele = $(this);        var idPrefix = "printArea_";        removePrintArea(idPrefix + printAreaCount);        printAreaCount++

强大的web打印插件(HttpPrinter)

强大的web打印插件(HttpPrinter) 本软件 您可以免费使用,如果您需要 设计报表模板 , 定制功能, 提供技术指导 ,请联系作者! 特点:1.无插件,主要一句js即可:2.拖拽即可完成设计,支持 fastreport, reportmachine, gridreport(锐浪报表) 3.强大的报表功能,管它什么报表, 交叉的,嵌套的,还是二维码,图片等等,都支持.4.打印机:只要是能用的打印机,都支持,针式打印机.激光打印机.小票打印机,证卡打印机等等,都不在话下,而且当有多个打印机

vue打印插件---解决canvas打印显示问题

1.注册插件 import Print from '@/plugs/print' // 引入附件的js文件 Vue.use(Print) // 注册 2.设置ref,确定打印区域 <template> <section ref="print"> 打印内容 <div class="no-print">不需要打印内容</div> </section> </template> 3.调用方法打印 thi

使用Lodop打印插件制作打印页面

JS代码 function prn1_preview() { LODOP = getLodop(); LODOP.PRINT_INIT("XXXXX"); //打印页面标题 //LODOP.SET_PRINT_PAGESIZE(2, 0, 0, "A4"); LODOP.ADD_PRINT_URL("0", "0","100%", "100%", "../xxx/print.a