lodop打印页面设置

2026-09-12

前端使用lodop插件进行打印设置

先前梳理了后台打印导出参考:https://www.cnblogs.com/yyk1226/p/9856032.html,但是没有显示出来打印预览页面. 本章使用Lodop插件进行打印设置,实现打印机设置功能. 效果展示: 点击打印之后,弹出[打印预览]效果,一旦连接到打印机,即可打印. 具体实现: 1.下载相关插件百度网盘下载地址:链接:https://pan.baidu.com/s/1WZsi6TPGjFj7PbAGW4ertg 密码:s375 解压之后: 2.安装lodop 方式一:双击

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

最近在做Lodop打印功能: 思路是: 用MasterPage搭个打印页面的框架, 然后在具体的页面中填入数据, 打印的样式由母版页和CSS来控制. 困扰了一天的问题是: 在打印的JS文件中, 引用外部css文件时, 需要拼出实际的含有IP地址的CSS文件地址, 并且需要用双斜杠(//)来代替单斜杠. =====后来遇到的问题: css文件里的样式, 在页面上显示没有问题, 但是打印预览却没有样式.... 又挣扎了一天, 原来问题是: lodop中的加入css文件后, 不能识别css类(.

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

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

LODOP打印控件示例

一.lodop打印预览效果图 LODOP.PRINT_SETUP();打印维护效果图 LODOP.PREVIEW();打印预览图二.写在前面最近项目用到了LODOP的套打,主要用到两个地方,一是物流的面单(即套打在EMS等各种物流快递单),另一个是把数据画成表格来打印出库单.物流面单比较简单,网上有各种例子还是比较方便的.主要说说通过该工具画表格的用法,当然通过ADD_PRINT_TABLE 这种超文本格式(即通过写好表格的html来实现)的也可以琢磨琢磨. 三.lodop的demo <ht

LODOP打印当前日期时间的方法

JS方法直接获取.之前有个详细介绍的博文:LODOP打印用JS获取的当前日期本文也再演示一下,详细介绍见上面链接的博文,该方法此文不做详细介绍. 本文有三段:1.JS获取日期,2,.LODOP的FORMAT方法获取日期,然后打印,3.JS获取日期和时间代码 : <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>WE

LODOP打印用JS获取的当前日期

该文详细一步步解释JS获取当前时间的方法,新手小白也看到懂,最后是实际的获取当前年月份的方法.JS中的Date()对象,包含很多当前系统时间的方法,首先建立一个Date()对象,这里取名为date,然后用console.dir(对象名)在控制台输出该对象的全部属性.代码: function ConsoleDateProperty() {//控制台输出属性 var date = new Date(); console.dir(date); } 图示: 如图,可看出Date对象里有很多属性,可以利用

Lodop打印控件在页面如何使用

Lodop打印控件部署到web服务器简单,在页面的使用方法也简单,是非常容易和方便使用的打印控件.客户端本地打印角色(即用户访问网站后用自己链接的打印机进行客户端本地打印),步骤很少,部署简单:Lodop部署web网站客户端本地打印角色一.推荐的使用方法是混合部署,即Lodop官网样例那种部署方式,可直接引用LodopFuncs.js,里面写好了判断,判断哪些浏览器走Lodop还是走C-Lodop:LODOP打印控件如何提示用户升级下载安装新版本. 可混合部署,不论浏览器是否支持np插件都

Lodop打印表格带页头页尾自动分页每页显示头尾

Lodop中有两种专门给超文本表格的方式,ADD_PRINT_TABLE和ADD_PRINT_TBURL,该方式只能用于单个表格,表格外的内容不显示,是专门用于打印html超文本表格的.使用这两个语句,内容在thead和tfoot标签内,被当做页头页尾,每页的高度是否包含页头页尾是可以设置的,默认是不包含的.Lodop打印表格带页头页尾高度是否包含页头页尾注意:由于ADD_PRINT_TABLE和ADD_PRINT_TBURL只用于单个表格,所以表格外的内容是不会显示的.ADD_PRINT_H

Lodop打印表格带页头页尾高度是否包含页头页尾

通过设置TableHeightScope,可以实现对ADD_PRINT_TABLE,表格带页头页尾,查看本博客另一篇博文:Lodop打印表格带页头页尾自动分页每页显示头尾超文本超过打印项高度,会自动分页,详细参考本博客另一篇博文:Lodop打印控件超文本自动分页那么带页头页尾后的超文本高度,会决定每页输出的内容多少,自动分页的依据,默认高度是不包含页头页尾的,可以通过语句设置是否包含页头页尾,或只包含其中的某一个.LODOP.SET_PRINT_STYLEA(0,"TableHeight

Lodop打印控件传入css样式、看是否传入正确样式

Lodop中可以传入页面存在的css样式,也可以是拼接后的新样式,例如本博客的其他博文:Lodop打印如何隐藏table某一列需要打印的页面,样式不一定都是行内样式,style样式单独写在页面上,或引用的是.css文件等情况,使用Lodop打印控件进行打印超文本的时候,要注意把样式也传进去.可参考LODOP官网的样例10(或下载中心综合版里自带的样例10),如图,就是该样例的几种引用css样式的方式: 引入之后,可以通过打印设计(PRINT_DESIGN) 选中超文本打印项-右键-把查看到的超

Lodop打印控件不打印css背景图怎么办

background:url()这是css背景图,http协议会按异步方式下载背景图,所以很容易等不到下载完毕就开始打印了,故lodop不打印css背景图.Lodop不打印css背景图,但是有其他方法输出背景图,在超文本中也可以用普通图片利用层级关系作为背景图输出,img图片设置样式z-index为负值(例如style='z-index: -1;).其他背景图及输出方法,可参考本博客其他博文. Lodop打印html超文本可以输出css背景色,但是不能输出背景图,见图一: 通过设置img图片设置

Lodop打印如何隐藏table某一列

Lodop打印超文本,既可以打印页面上存在的某些部分,也可以自己组织超文本和css样式传入,有些需要打印的页面表格里,会有一列有编辑删除等按钮,用于对于数据库数据的操作,在打印的时候,这一列由于不属于数据范围内,需要隐藏该列.Lodop传入的样式可以不是页面本身的css样式,传入什么打印什么.1.可以组织去掉该列的超文本传给控件,字符串拼接除掉该列的超文本.(传入的超文本去掉该列)2.也可以传入只隐藏该列的css样式.(传入css样式去掉该列) 如图,图中一个是直接页面的样式的样式,一个是通过传

Lodop打印控件设置表格次页偏移

Lodop打印控件有很好的自动分页功能,超文本table表格一页装不下,自动分到第二页,第三页……通常表格之前还会有一些内容,比如标题,制表人名称日期什么的杂七杂八的东西,这种东西会占用一定的空间,这些东西只需要在第一页显示.在这种情况下,表格自动分页后,还是会按照打印项原来的top顶边距来进行定位,也就是第二页.第三页……上方,原来标题好制表人日期什么的占用的地方,会显示空白,这段距离还在,这显然是浪费了上方的空间也让纸张看起来留白很不舒服. 这种情况下,Lodop提供了次页偏移方法,让自动分

Lodop打印控件超文本自动分页

Lodop打印控件打印html超文本,通常传入一个超文本内容可能会超过纸张,如果要拆分每页显示哪些然后手动分页比较麻烦,Lodop中的超文本都有自动分页的特点.自动分页的依据:1.超文本超过设置的打印项高度自动分页(打印项高度)2.超文本超过纸张自动分页(纸张高度) 超文本分页,有两种可能,1.超过设置的打印项高度 2.打印项超过纸张高度刚接触Lodop的新手有时会奇怪,一页下面还有很多空白怎么就分页了呢?这是由于超文本打印项高度设定小了的缘故,本博文的(图2)专门介绍什么是打印项高度,以及如

Lodop打印项对象类型属性区分

Lodop提供了一些打印项类型,默认是普通项,通过设置打印对象的类型,可以实现一些普通项不能实现的效果.例如:该博客另一篇博文标题是Lodop打印控件打印‘接下一页’‘以下空白’,就用了眉脚项. 普通项:默认纯文本打印项(ADD_PRINT_TEXT)为普通项,只输出当前页,如果内容超过打印项宽度,且高度不够,该纯文本打印项会隐藏后面的内容.如果是超文本(例如:ADD_PRINT_HTM),超过打印项高度会自动分页.1.只在当前页输出.2.如果该纯文本打印项内容超过打印项宽度,且高度较大,该

Lodop打印控件指定打印任务某几页

使用Lodop打印控件进行打印开发,有时候一个任务里有多页,例如各种合同之类的,客户端用户在使用过程中,可能有某一页打印后发现需要修改,这时候不必再把整个任务重新打印一遍,只需要打印需要修改的那页重新打印即可.如果客户是让客户预览打印,在预览界面的打印按钮里,多页任务点击后可以看到从第几页到第几页的选项,用户可输入自己要重打的起始页和终止页即可.这个功能也可以在代码里指定,如果是不预览直接打印,那么就可以在页面上加入两个文本框,让客户输入要重打的起始页和终止页进行重打,加上这个功能更有利于用户使

LODOP打印css样式rgba显示黑色区块

当LODOP打印html超文本出现问题的时候,要删减排查一下样式,查看Lodop传入的内部的html超文本和样式,可查看本博客另一篇博文:删减发现有问题的样式,并解决该问题,尽量使用通用的css样式,更换样式的实现方式,更换对应的css代码可解决问题.例如该样式:RGBA(R,G,B,A),这里R:红色值.正整数 | 百分数G:绿色值.正整数 | 百分数B:蓝色值.正整数 | 百分数A:Alpha透明度.取值0~1之间.有人使用了该样式,排查后发现预览的时候显示黑块,即使alpha透明图是全透明

LODOP打印控件进行批量打印

Lodop打印控件批量打印的方式:1.批量打印每页内容相同的:(1)批量打印相同内容的很多纸张,可以设置打印份数,把该内容打印出多份.2.批量打印每页不同内容的:(1)通过在一个任务中分页,循环添加页数,每页添加不同内容,一个任务中打印多页.(2)一个任务中一页,循环多个任务,每个任务添加不同内容.(3)多任务与多页相结合,既分页又分任务,循环多任务,每个任务中循环多页. 使用建议:1.批量打印同样的内容,可用多份,需要多少份打印多少份.2.批量打印不同内容,页数很少,每页内容也很少,需要预览,

Lodop打印设计（PRINT_DESIGN）介绍

打印设计(PRINT_DESIGN)界面上方有两栏菜单栏,举例说明(文本框,条码,图形等).(1)第一排最左侧第一个功能,位置移动:控制里面元素微上下左右移动,每次移动一个px.(用于微调,普通调整可拖动调整元素位置,移动选中的单个或多个打印项)(2)第一排第二个功能,设置颜色.点击颜色方格的图标,可选预设的颜色,或者自定义颜色.例如:LODOP.ADD_PRINT_SHAPE(2,175,43,100,60,0,1,"#FF0000");//一个矩形设置颜色为#FF0000LODOP

Lodop打印设计里的打印项对齐

打印设计界面里,有四个对齐的图标:(1)第一个图标是左右对齐方式,该图标下有四种左右对齐方式.(2)第二个图标是上下对齐方式,该图标下有四种上下对齐方式.(3)第三个图标是等宽对齐,该图标下有三种等宽对齐方式.(4)第四个图标是等高对齐,该图标下有三种等高对齐方式.如下图,5个对齐截图.第一个是左右对齐的一种(1)向左靠齐:第二个是左右对齐的一种(2)左右居中对齐:第三个是上下对齐的一种(3)向上靠齐:第四个是等宽对齐的一种(4)按最大等宽:第五个是等高对齐的一种(4)按最小等高:如何选中多个元

Lodop打印控件打印‘接下一页’‘以下空白’

Lodop打印控件中,超文本超过设置的打印项高度或超过纸张,就会自动分页,纯文本通过设置为多页项也可以根据打印项高度自动分页,Lodop中还提供了许多手动分页的方法,对于多页文档中(自动分页或手动分页),有时候需要标注‘接下一页’,用来表示内容没有结束.自动分页,不知道总共会分多少页,分到的最后一页的数据数量可能很少,造成最后一页下方是空白,需要标注‘以下空白’,表示后面没有其他内容了.Lodop中对打印项的控制很多,可以输出到某页,也可以设置每页输出,‘接下一页’也就是每页输出,最后一页因为

lodop打印页面设置

热门专题