printHtml打印组件的用法

郭德成

printHtml打印组件的用法，我先在页面上放printHtml，然后放一个DIV，XID设成AAA,再在printHtml里target里填上AAA，然后放一个按扭，在按钮点击事件里，写上 this.comp("printHtml1").print();是这样用的法？为什么点击按钮会闪一下就看不到了呢？开始还可以预览的，现在就跳个白页出来了，什么情况呢？

郭德成

按上面方法，点击按钮，会打开一个页面，要等差不多半分多钟的时间才会跳出一个选择打印机的预览页，能不能不要这个预览页，直接是电脑自带的打印机选择页？

郭德成

在页面上我用红色字体加粗，到打印那里就变成黑色的了，加粗还有，确认是彩色打印机，但却无法打印出红色字体，页面上图片有红色的可以打印出来，就是字体设成红色地法打印出来

liangyongfei

printHtml 就是封装 的 js标准的print 方法！

你上网查下吧！ js标准的print方法可以做到吗？

http://www.w3school.com.cn/jsref/met_win_print.asp

天麻六星泉

我按照上面的方法,打印出来了一个二维码.但是我只打印一个二维码,但是纸张太大了,内容只是一个二维码.能告诉我如何修改页面大小吗?最好是我能写一个代码来控制.

liangyongfei

天麻六星泉 发表于 2017-8-17 15:55
我按照上面的方法,打印出来了一个二维码.但是我只打印一个二维码,但是纸张太大了,内容只是一个二维码.能告 ...

打印设置里面可以设置的吧！
js标准的print方法
你上网搜下吧！

天麻六星泉

这个功能我实现了.可以结帖了~

liangyongfei

天麻六星泉 发表于 2017-9-4 14:43
这个功能我实现了.可以结帖了~

实现了，欢迎分享一下经验，供他人参考，谢谢！

天麻六星泉

用printhtml组件.他的target属性与image的id相同,
然后用一个button的点击事件.写一个方法:this.comp("printHtml1").preview();
其中,printhtml1 是printhtml组件的id
就调用了浏览器本身的打印功能

天麻六星泉

对了,忘了发   .preview()方法了.

        function preview(){
                var bdhtml = window.document.body.innerHTML;
                var sprnstr = "<!--startprint-->";
                var eprnstr = "<!--endprint-->";
                var prnhtml = bdhtml.substr(bdhtml.indexOf(sprnstr) + 17);
                prnhtml = prnhtml.substring(0, prnhtml.indexOf(eprnstr));
                window.document.body.innerHTML = prnhtml;
                window.print();
        }