Hiprint

hiprint 是一个web 打印的js组件,无需安装软件。支持移动端,PC端浏览器,angular,vue,react, 等 分页预览,打印,操作简单,运行快速。预览界面为css+html 。支持数据分组,批量预览。生产pdf,图片更方便

hiprint 插件依赖jquery,(也就是说,jquery必须在所有插件之前引入页面),如果要使用二维码和条形码功能,需另外引入两个js组件JsBarcode.all.jsqrcode.js。此2款条码插件均是MIT协议,可以到github搜索下载最新版


    hiprint/
    ├── css/
    │   ├── hiprint.css
    │   ├── print-lock.css
    ├── plugins/
    │   ├── JsBarcode.all.min.js
    │   └── qrcode.js
    │   └── jquery.minicolors.min.js
    ├── hiprint.bundle.js
    ├── polyfill.min.js

插件引入


 <!DOCTYPE html>
 <html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <title>hinnn-hiprint</title>
    <!-- hiprint -->
    <link href="hiprint/css/print.css" rel="stylesheet">
    <link href="hiprint/css/print-lock.css" rel="stylesheet">
  </head>
  <body>
    <h1>hiprint 是一款用于web打印的js组件</h1>

    <!-- jQuery (hiprint 的所有 JavaScript 插件都依赖 jQuery,所以必须放在前边) -->
    <script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
    <!-- 加载 hiprint 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
    <!-- polyfill.min.js解决浏览器兼容性问题v6.26.0-->
    <script src="hiprint/polyfill.min.js"></script>
    <!-- hiprint 核心js-->
    <script src="hiprint/hiprint.bundle.js"></script>
    <!-- 条形码生成组件-->
    <script src="hiprint/plugins/JsBarcode.all.min.js"></script>
    <!-- 二维码生成组件-->
    <script src="hiprint/plugins/qrcode.js"></script>
    <!-- 调用浏览器打印窗口helper类,可自行替换-->
    <script src="hiprint/plugins/jquery.hiwprint.js"></script>
  </body>
 </html> 

浏览器支持

IE9+chromeFirefoxSafari hiprint 是一个web 打印的js组件,无需安装软件。支持移动端,PC端浏览器,可以在window,ios 系统浏览器快速运行。