首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

lodop打印技巧与注意事项 原

input输入的内容,正常情况下,不管输入什么内容,打印预览的的内容都是input的初始value值,修改input的内容不改变html的value属性需要用js修改属性  $('input:text'...).each(function(i,n){    this.setAttribute('value',this.value);   }   ); 接着就要安装lodop插件,谷歌42版本以上的要安装c-lodop...,通过打印设计把需要输出的文字,在打印设计里面把代码输出,黏贴到html页面如下 LODOP.ADD_PRINT_TEXT(211,489,81,20,"输出内容1"); 然后换成动态的输出内容 LODOP.ADD_PRINT_TEXT...(211,489,81,20,document.getElementById("price").innerHTML);  然后把打印设计改成打印预览LODOP.PREVIEW();也可以把页面微调的权限授权给客户...,由于每台打印机不一样,客户可以自己微调页面的位置LODOP.PRINT_SETUP();  (adsbygoogle = window.adsbygoogle || []).push({})

1.6K20

基于Lodop控件的Web打印示例(含源码)

最近项目组的打印控件有所改变,已经换成Lodop控件,使用以后发现,功能确实非常强大.可以打印Web页面内某个控件的内容.下面,还是通过一个实例来说明下吧,医院系统有个模块,是院内感染模块,...它需要填写各种报卡,并且填写完以后,要将它打印出来,而且打印出来的效果要和纸制的报卡近乎一致.额,这个要求就比较高喽,如图-1所示,这是其中一张报卡的纸制扫描效果图,我们打印出来的效果要和这个几乎一样....打印格式,日期型的输出格式在此处定义 bottomline 是否对文字增加下划线 datasource 下拉菜单等的数据源,专门测试使用 然后我们看看打印模板文件是如何制作的,如图-3所示 ?...图-5       打印控件本身非常强大,可以连续打印.在我提供的示例文件中,已经提供代码实现方式.大家可以直接参考. 再说明一点,这个控件,是在客户端需要安装的.好了,有什么问题欢迎留言!...示例代码 基于Lodop控件的Web打印.Files

1.8K90

【黄啊码】Lodop:自定义打印网页插件

基础打印:记住这四个字,我只提供基础打印,如果想打印发票什么的,自己看文档哈 var LODOP = getLodop(); //四个参数说明: //第一个:1:纵向;2:横向;3:纵向自适应 //第二个...:宽度 第三个:高度 第四个:页面名字 LODOP.SET_PRINT_PAGESIZE(1,"7cm","5cm","打印名字"); //左边距,上边距;打印位置的宽度,打印位置的高度,打印的内容...LODOP.ADD_PRINT_HTM(0, 0, "7cm", "243.5mm", "打印内容");//mm、cm、px单位随便挑 LODOP.PREVIEW();//预览打印 打印的内容太多,想要分页打印...宝 功能演示 - Lodop和C-Lodop官网主站LodopLodop打印控件、WEB打印、C-Lodop、CLodop、lodop控件、云打印、手机打印、免费、AO打印 http://www.lodop.net

83620

基于Metronic的Bootstrap开发框架经验总结(9)--实现Web页面内容的打印预览和保存操作

1、Web页面打印的问题 在此之前,我一般使用比较好用的LODOP来执行打印的操作,这个在我之前有很多文章都有涉及,这个控件是一个ActiveX的控件,需要下载安装后就可以在页面是进行打印的排版设计,预览...如果按正常使用LODOP的方式来进行处理的话,那么会得到Chrome浏览器的提示,并且这个不管你重新下载安装、更新LODOP控件,都会继续这个错误提示的。 ?...这个在一篇《Lodop页面总提示"未安装"或"请升级"的可能原因》,以及《Lodop用户应对谷歌浏览器停用Plugin技术的处理办法》都有说明,因此我们需要另辟蹊径来处理这个页面打印等的处理了。...这个插件的使用非常简洁方便,首先需要在页面里面引入对应的JS文件,如下所示。... 我们再在页面顶部增加两个按钮,如打印和导出操作,代码如下所示 <

3.6K70
领券