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

lodop打印技巧与注意事项 原

bootstrap的input 样式 2、打印预览的内容是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

1.6K20

【黄啊码】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

83220

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

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

3.6K70

扫码

添加站长 进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

    运营活动

    活动名称
    广告关闭
    领券