<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

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

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

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

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

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

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

之前的博文: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(&

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

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

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

最近在做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

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

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

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

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