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

Lodop打印控件,给开发人员提供了可视化编辑工具,编辑后可生成代码,然后复制到自己程序代码中,让开发更简单,打印设计中有一些快捷键也能让开发更便捷. 打印设计快捷键:ctrl 多个选中Shift 左侧打印项列表,连续一段选择ctrl+鼠标滑动拖拉选中区域内打印项按住alt+打印对象,左边打印项列表中鼠标拖动改变打印项的输出顺序ctrl + delete 删除ctrl + 方向键移动按住ctrl+打印对象,同时拖拉一个对象就复制了 详细介绍和图示:ctrl 多个选中和windows系统选择多个不…

该博文为图文简短问答,具体详细介绍可查看本博客的相关博文,生成JS代码相关详细博文:Lodop打印设计(PRINT_DESIGN)介绍.Lodop打印设计.维护.预览.直接打印简单介绍.Lodop打印设计界面生成代码带”...(省略)”.Lodop获取全部JS代码,传统JS模版的生成.Lodop设置打印维护返回打印语句代码.html测试页LODOP的内容反复进入打印设计. #如何查看打印设计好的代码设计好后,打印设计界面,该按钮里的生成代码参考样例35,返回全部的打印设计代码, http://w…

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

四者的区别和联系:(其中PRINT_DESIGN打印设计是提供给开发人员的,另外三个可开放给用户)PRINT_DESIGN打印设计:辅助开发人员设计,图形化拖动插入修改等,设计完成后,生成代码拷贝到程序里.PRINT_SETUP打印维护:开放给用户(客户端),让每个用户可根据自己电脑本地微调,保存在用户本地,调整结果只针对该用户自己生效.PREVIEW打印预览:开放给客户端,预览打印页面的效果,可预览后打印.PRINT直接打印:不预览,直接打印. PRINT_DESIGN打印设计,详细参考本博客…

LODOP中的打印设计是辅助进行开发的,实际打印效果应以预览为准,很多效果都是在设计界面显示不出来,或设计和预览界面有差异.例如add_print_text文本的字间距.行间距,旋转,还有允许标点溢出和英文拆分样式:Lodop纯文本英文-等符号自动换行问题 还有一些超文本样式可能也会出现打印设计界面与预览界面有差异的情况.例如,某些调用的I引擎不同造成默认样式不同:Lodop中特殊符号￥打印设计和预览不同 Lodop除了可以用超文本的table表格,还可以用线条和矩形框制作表格,可以在打印设计里…

Lodop的设计界面中,菜单里的生成代码,如果打印项内容过多,后面会显示”...(省略)”,省略的是打印项的内容值,无论是纯文本还是超文本,都可以用选中打印项-右键-设置属性里找到该打印项的全部值,可以复制出来放到值的那个参数里.选中打印项-右键-设置属性-切换到值得那个标签选项.双击选中的打印项也可以,不过有时可能弹出框到打印设计界面后面去了,因此建议右键-设置属性. 打印设计(LODOP.PRINT_DESIGN())关闭后,可以返回完整的打印设计代码,没有”...(省略)”,如下图,生成代…

<template> <div class="dashboard-container"> <form id="form1"> <table border="1" width="300" id="tb01" bgcolor="#CCFFCC" style="border:solid 1px black;border-collapse:co…

之前的博文:Lodop打印设计.维护.预览.直接打印简单介绍,介绍了打印设计.打印维护.打印预览,直接打印等的区别和使用. 如上面以前博文描述的,打印维护是针对客户端进行调整的,开放打印维护给客户端,客户端调整后,点应用,会在自己本地生成一个ini文件,针对该客户端就调整了,不影响其他客户端. 用户访问网站后在自己的电脑上进行打印,这种是客户端本地打印角色,实际打印端是在客户端,服务器不需要安装lodop或c-lodop,只需要引用LodopFuncs.js就可以了,相关博文:Lodop部署we…

前面有一篇博文是介绍JS模版的加载和赋值,赋值有两种,详细可查看本博客的那篇博文:LodopJS代码模版的加载和赋值简单来说,就是打印项的值是变量,在添加打印项前进行赋值:打印项的值是字符串,给打印项设置类名,可以在添加打印项只有按照类名赋值(也可以是序号等),详细可查看上面链接里的博文. 对于打印项的模版本身是变量的这种模版,直接使用打印设计返回的值都不是变量,可以手动修改成变量,或者在需要是变量的打印项后面加这句LODOP.SET_PRINT_STYLEA(1,"ContentVName&q…

前面的博文生成JS代码模版和文档式模版,生成的是带初始化语句的模版,如果想要打印多个,可以循环多个任务,什么是一个任务,可查看本博客相关博文:Lodop打印语句最基本结构介绍(什么是一个任务)一个任务里可以有多页,如果是手动分页:Lodop强制分页LODOP.NewPage()和LODOP.NewPageA()Lodop控件NewPage();测试输出空白页 LODOP.GET_VALUE("ProgramCodes",0);//获取传统的JS代码模版LODOP.GET_VALUE(&…

打印设计是给开发人员使用的工具,用打印设计辅助开发后,打印设计的界面本身的菜单下,可以生成代码,然后把对应的内容信息补充上,拷贝到自己的页面的JS里或存起来,作为模版使用. 也可以关闭打印设计,可返回设计好的JS代码.这种返回的是全部的JS代码.Lodop获取全部JS代码,传统JS模版的生成.LodopJS文档式模版的加载和赋值.如果一次没有设计完, 或者设计完后发现有问题,需要修改,还要把代码拷到页面里,然后再反复进行设计.还有内容出问题的时候,需要删减排查,删减的时候,如果不是一点点删减,逐…

Lodop中￥符号样式改变问题 Lodop中对超文本样式的解析,虽然说是按照调用的本机ie引擎,但是调用的ie版本可能不同,导致在ie下是一种样式,预览又是另一种样式.可能是有些样式没有具体设置,走的默认样式,但是浏览器调用解析的默认样式不同造成的.Lodop纯文本,也可能会出现打印设计和预览不同的情况,原因是没有具体指定文字的字体. 可以通过指定具体字体,换个字体试试,达到想要的效果.特殊字符也是如此,例如￥这个符号,黑体和宋体就是不同的. 打印设计是辅助设计的,具体以打印预览和虚拟打印机测试…

winform打印的方案比较多,实现也比较容易,而且效果也非常炫:但现在越来越多的系统是web系统,甚至是移动端.网上也有非常的web打印方案,但各式各样的问题非常多,比如js兼容性,稳定性等一直缠绕着众多的程序员,或者就是web 打印需要浏览器安装 ActiveX 组件,ActiveX安装不容易成功等等问题. 下面我们来看一种web在线阅览,在线编辑,在线打印的解决方案,Lodop这一款在线打印工具在各版本浏览器的兼容性表现不错,功能方面,我们常用的打印阅览,打印设计,打印机设置等他都提供了,…

LODOP控制打印项水平居中,可以用如下语句,该语句控制的是打印项本身在纸张中水平居中.LODOP.SET_PRINT_STYLEA(0,"Horient",2);这个根据大的打印项本身的宽度,如果打印项本身内部不是居中的,那么加了这句,内容也不会居中. 之前有博文介绍过打印项在纸张中受到的各种边距:LODOOP中的各种边距 打印项.整体偏移.可打区域.内部边距 例如,打印项的左边距,是指打印项与纸张之间的距离,打印项内部如果也有左边距,例如样式等造成的,那么打印项内容和纸张之间的距离…

之前的博文:LODOP打印项水平居中.之前的博文有介绍超文本和纯文本的居中方式,设置超文本打印项居中时,注意打印内容要在打印项本身宽度里居中.之前的博文超文本用的是个表格,而且表格本身没有margin之类的边距,所以直接在打印设计里调整打印项宽度到合适表格的宽度,然后设置打印项水平居中就可以了. 该文再演示下超文本中有内部边距的时候,这种时候,也需要把超文本相对于打印项本身居中,也就是左右两侧距离相等.由于px是相对单位,受电脑分辨率的影响,所以尽量用pt或mm等绝对单位进行设计. 之前博文演示…

之前有博文介绍关于超出div隐藏内容的:LODOP打印超过后隐藏内容样式里面提到了overflow:hidden;控制超出后隐藏,但是前面那篇用的是div,如果是在table中,由于table默认的table-layout是auto自动,虽然设置了超出隐藏,也设置了具体的td单元格宽度,设置了table的具体宽度,但是因为这个able-layout是auto还在,内容超过设置的宽度,表格宽度也会发生变化,设置的具体的td的宽度也没有完全按照设置的宽度进行布局. 前面还有篇是介绍固定table宽高…

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

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

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

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

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

使用Lodop打印: 一.在官网下载http://www.lodop.net/download.html 若是安装还是提示未安装,就按转这个 二.准备两个js 三.需要在页面最上面加入 <html lang="zh" xmlns:th="http://www.thymeleaf.org"> <object id="LODOP_OB" classid= height=> <embed id= height= plugi…

LODOP可以打印纯文本,也可以是超文本,关于哪些打印项是纯文本,哪些打印项是超文本,之前有博文相关介绍:LODOP中的纯文本和超文本打印项. 之前的关于纯文本的行间距字间距介绍:Lodop设置文本项行间距.字间距. 行间距:如果是纯文本:LODOP.ADD_PRINT_TEXT(115,169,100,20,"新加文本2");LODOP.SET_PRINT_STYLEA(0,"LineSpacing",3);//设置行间距为3,也可以设置负值如果是超文本:需要通过…

在网页设计中,表格经常用到百分比,表格在浏览器中展示,这个百分比是相对于浏览器的.还有div,各种浮动之类的相对位置,也有的用到百分比.而在LODOP打印中,百分比是相对于纸张的.LODOP中打印项的宽高也可以用百分比,如果内容再是百分比,那就是相对于纸张的,可实现纸张不同,都能满页打印的效果,但是随着纸张不同,内容在表格中的宽度高度变化,经常会导致变形. 表现为不同纸张效果不同,表格宽度和列宽不同,有时候自定义纸张没有生效,导致同一个任务同样代码,纸张之间有差异,可打区域有差异,就会影响样式.…

不切行的调整方法有三种:1.简单表格,不嵌套合并等,可以用ADD_PRINT_TABLE输出,该 语句不切行,相关博文:LODOP设置超文本不自动分页的方法.2.进入打印设计,调整打印项到合适的高度,在高度处分页,不切行,相关博文:Lodop打印控件 超文本自动分页. 3.用ADD_PRINT_HTM输出,并调整TableRowThickNess分页粒度.该文主要测试. 由于1中的语句本来就不切行,这里再演示下后两种方法,用打印设计进行调整到合适的高度,不切行,和用htm语句输出,调整分页粒度.…

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

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

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