Web打印组件jatoolsPrinter

应用web化,不论对开发商,还是对用户来说,实在是一种很经济的选择,因为基于web的应用,客户端的规则很简单,容易学习,容易维护,容易发布。但对程序员来说,因为浏览器的局限性,却要面对很多挑战。怎么样来进行基于web的套打,就是这么一个令多数程序员头痛不已的问题。 基于web的套打,难度在于要将浏览器中呈现的html,精确地打印到票据中,而且能够实现对分页位置的控制。下面就ie浏览器所能采用的套打解决方案,来个汇总分析,希望对大家有所帮助。

jatoolsPrinter 是一款实现网页套打的免费工具。该工具的特点是可以直接对web页面进行精确的分页打印,这不仅使“会设计网页就会做网页套打”成为可能,也使项目经理们摆脱了预算紧张的压力。jatoolsPrinter通过在网页中嵌入控件,解决了web客户端精确打印,批量打印,打印配置自动保留等问题。jatoolsPrinter 官方正式免费版,支持ie6+,http://printfree.jatools.com

功能特点: 真正免费,不加水印,没有ip或域名限制,不限时间,兼容ie6+ 无须注册,下载即用 提供经过微软数字签名的cab自动安装包,安装更方便 长期升级保障,免费论坛支持,让你无后顾之忧 稳定可靠,启动速度远胜同类产品 常用功能集于一身,简约而不简单,软件大小只有84k

本文主要介绍jatoolsPrinter打印控件来完成web的打印功能,这个控件已经把打印功能封装的非常好,主要是把这个控件引入,之后写一些简单的js代码就能完成相应的打印功能。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <!-- 插入打印控件 -->
    <object id="jatoolsPrinter" classid="CLSID:B43D3361-D075-4BE2-87FE-057188254255"
        codebase="jatoolsPrinter.cab#version=5,7,0,0">
    </object>
    <script type="text/javascript">
        function doPrint(how) {

            //打印文档对象
            var myDoc = {
                documents: document,    // 打印页面(div)们在本文档中
                copyrights: '杰创软件拥有版权  www.jatools.com'         // 版权声明必须
            };

            // 调用打印方法
            if (how == '打印预览...')
                jatoolsPrinter.printPreview(myDoc);   // 打印预览

            else if (how == '打印...')
                jatoolsPrinter.print(myDoc, true);   // 打印前弹出打印设置对话框

            else
                jatoolsPrinter.print(myDoc, false);       // 不弹出对话框打印
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div id='page1' style='width:300px;height:300px;'>
    test
    </div>
    <input type="button" value="打印预览..." onclick="doPrint('打印预览...')"/>
    <input type="button" value="打印..." onclick="doPrint('打印...')"/>
    <input type="button" value="打印" onclick="doPrint('打印')"/>
    </form>
</body>
</html>

主要分几个步骤:

一、引入打印控件jatoolsPrinter

<!-- 插入打印控件 --> 
<object id="jatoolsPrinter" classid="CLSID:B43D3361-D075-4BE2-87FE-057188254255" codebase="jatoolsPrinter.cab#version=5,7,0,0">
</object>

二、给要打印的div取id名

三、编写js代码实现打印div的功能

(注意:在同一页面中,有多个可打印文档,他们可以用page_div_prefix属性来区别page_div_prefix前缀+page+页序号 构成可打印div的id,如前缀为 'report1' ,则找到以 'report1page1'为id的div作为文档首页该属性,默认值为空)

注意事项:

1. 控件在打印指定div对象时,如果纸张太小不够打印时,超出部分将被截掉(clip)。 2. 被指定的div中的内容,可以是html任何可见对象,图片,flash,或文本等等。 3. 控件打印时,边距可设,不设则取打印机默认值。 4. div的id必须连续,如果你的div,存在 'page1'、'page2'、'page4',而不存在'page3',则控件只打印前两页,'page4'不会被打印。 5. div对象在页面中的位置,可以是随意的,比如,page1显示在page2后面,也是合法的。 6. 指定的div会被打印,没被指定的html元素将不会被打印,比如,本示例中的‘打印’按钮,不会被打印。 7. copyrights属性是版权信息,必须写。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏韦弦的偶尔分享

微信小程序后台返回大量多余数据的处理

其实我只要id和name,找后台解决、、、算了吧,奈何天生就是个儒生,温文尔雅,打架是打不赢的,要是能打赢的就直接打吧,打完让他们改!

3113
来自专栏腾讯IVWEB团队的专栏

移动端 tryjs 异常捕获

上周处理了一下群活动的 badjs ,第一步是摆脱` Script error .`,捕获异常栈,找到自己是错在哪里? 分享一下移动端 tryjs 异常捕获的步...

3580
来自专栏小狼的世界

学习使用YUI3

对YUI一直很有好感,最近开始看了看YUI CSS GRID,发现这个理念非常好,非常有利于我们工作效率的提高,特别是熟悉了这套CSS之后,我们就不必每一个项目...

832
来自专栏磐创AI技术团队的专栏

机器学习新手必看:Jupyter Notebook入门指南

1872
来自专栏人工智能头条

机器学习新手必看:Jupyter Notebook入门指南

2054
来自专栏IT派

机器学习新手必看:Jupyter Notebook入门指南

【导读】Jupyter Notebook 是一个 Web 应用程序,便于创建和共享文学化程序文档,支持实时代码、数学方程、可视化和 Markdown,其用途包括...

3814
来自专栏技术博文

关于微信二次分享,标题变链接的解决方法(二)----代码部分

声明: 本篇博文只是个人工作中的分享总结,仅代表个人观点,虽然解决了不少网友的问题,但同时也引来了一些网友的不满,所以特此声明,当您遇到本博文解决不了的问题,可...

3676
来自专栏何俊林

SuperIndicator开源库源码分析

背景:为什么有这个库,在经常开发中,会碰到,显示广告位图片,精彩推荐,及比较好的,希望能直观显示到用户看的。那么SuperIndicator正是这样一个类库。 ...

2005
来自专栏大史住在大前端

【Recorder.js+百度语音识别】全栈方案技术细节

技术栈:React+recorder-tool.js +recorder.js + Express + Baidu语音识别API

4553
来自专栏前端侠2.0

bootstrap-datetimepicker的功能优化

引用:bootstrap 和 bootstrap-datetimepicker CSS文件

3821

扫码关注云+社区

领取腾讯云代金券