精华内容
下载资源
问答
  • WEB打印插件

    2012-07-20 16:12:35
    WEB打印插件
  • web打印插件

    2011-10-30 12:01:30
    可以在web进行打印的控件,方便开发人员进行报表设计
  • 实用的打印插件含实例 web打印插件 网页打印插件 打印制定的div 网页局部打印 打印票据 打印条形码 条形码生成 可调用打印驱动
  • Lodop6 WEB打印插件

    2013-04-15 09:56:49
    Lodop6 WEB打印插件,最好用的打印控件
  • js调用HttpPrinter(web打印插件) 对比了 康虎云报表 lodop 后 选择了 HttpPrinter (原因: 功能免费 只有源码收费) demo地址: http://www.HttpPrinter.com/ js代码如下,base64的部分已经精简:

    js调用HttpPrinter(web打印插件)

    对比了 康虎云报表 lodop 后 选择了 HttpPrinter (原因: 功能免费 只有源码收费)

    demo地址:

    http://www.HttpPrinter.com/

    js代码如下,base64的部分已经精简:

    展开全文
  • Web打印插件 Lodop

    2014-04-02 13:57:18
    Lodop是一款专业的WEB打印控件,其设计目标是简单易用、功能足够强大,开创WEB打印开发的新局面。 Lodop设计者对WEB下的打印开发任务进行了分类汇总,高度抽象,设计出仅用几个功能函数,就可实现复杂的打印任务,...
  • 强大的web打印插件(HttpPrinter) 本软件 您可以免费使用,如果您需要 设计报表模板 , 定制功能, 提供技术指导 ,请联系作者! 特点: 1、无插件,主要一句js即可; 2、拖拽即可完成设计,支持 fastreport, reportmachine,...

    强大的web打印插件(HttpPrinter)
    本软件 您可以免费使用,如果您需要 设计报表模板 , 定制功能, 提供技术指导 ,请联系作者!

    特点:
    1、无插件,主要一句js即可;
    2、拖拽即可完成设计,支持 fastreport, reportmachine, gridreport(锐浪报表)
    3、强大的报表功能,管它什么报表, 交叉的,嵌套的,还是二维码,图片等等,都支持.
    4、打印机:只要是能用的打印机,都支持,针式打印机、激光打印机、小票打印机,证卡打印机等等,都不在话下,而且当有多个打印机时可以指定打印机;
    5、支持各种语言,java php js delphi python ios andriod firemonkey unigui C# 等等,提供Http通讯的语言都支持.

    HttpPrinter下载地址:
    http://www.HttpPrinter.com/

    展开全文
  • web 打印插件 hiprint 使用

    千次阅读 2020-07-31 09:27:14
    官网介绍: hiprint 是一个web 打印的js组件,无需安装软件。支持windows,macOS,linux 系统,支持移动端,PC端浏览器,angular,vue,react 等 分页预览,打印,操作简单,运行快速。预览界面为css+html 。支持数据分组...

    官网: http://hiprint.io/

    demo: http://hiprint.io/demo/list

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

    设计界面截图; 

     

    优点:  浏览器设计打印; 打印服务不局限于 win; 客户端通过websocket连接打印服务; 可以获取服务端打印机列表并在客户端传参指定打印机打印;

    缺点: 源代码没开源, 没有抽离 npm 包


    vue 引入:

    这里有个基于 vue-cli 2.0 的 demo:  https://github.com/byc233518/vue-hiprint-example , fork 自 peakcool 

    前端包 http://hiprint.io/download 放到 src/assets/plugins/目录下

    组件内引入: 

    import "@/assets/plugins/hiprint/css/hiprint.css";
    import "@/assets/plugins/hiprint/css/print-lock.css";
    
    import "@/assets/plugins/hiprint/polyfill.min.js";
    import "@/assets/plugins/hiprint/plugins/jquery.minicolors.min.js";
    import { hiprint } from "@/assets/plugins/hiprint/hiprint.bundle.js";
    import "@/assets/plugins/hiprint/plugins/jquery.hiwprint.js";
    import "@/assets/plugins/hiprint/plugins/qrcode.js";
    import "@/assets/plugins/hiprint/plugins/JsBarcode.all.min.js";
    import { defaultElementTypeProvider } from "@/assets/plugins/hiprint/etypes/default-etype-provider.js";
    import { printData } from "@/assets/plugins/hiprint/custom_test/print-data.js";
    import { customPrintJson } from "@/assets/plugins/hiprint/custom_test/custom-print-json.js";

    需要修改对应的插件导出

    src/assets/plugins/hiprint/hiprint.bundle.js

    export const hiprint = function (t) {
        var e = {};
    
        function n(i) {
    ...

    src/assets/plugins/hiprint/etypes/default-etype-provider.js

    import { hiprint } from "../hiprint.bundle.js";
    export const defaultElementTypeProvider = (function() {
    	return function(options) {
    		var addElementTypes = function(context) {
    			context.addPrintElementTypes("defaultModule", [
    				new hiprint.PrintElementTypeGroup("常规", [

    使用问题:

    1. 打印设计页面, 始化没有把之前模板清掉 ==> 直接 操作DOM $("#hiprint-printTemplate").html("");

    2. 内容全部都打印在了第一页 ==> 引入打印样式;

    3. 页码不能设置隐藏 ==> 双击页码;

    4. 设计页面字段改成下拉选择 ==> new template 实例的时候传入 fields , 具体参数为 [{field:'name' ,text:'姓名' }, xxx]

    5. 远程打印 ==> 修改源码 # 5169 (2.5.3 版本)  this.socket = io("http://192.168.102.166:17521", 改为自己的服务地址或者动态全局配置;

    6. 自定义组件 ==>  init 时传入自定义组件, 如下:

    const cusElements = [{
    						tid: "defaultModule.image",
    						title: "图片",
    						data: "https://gd.jgyun.cn/img/logo-min.a96bab8e.jpg",
    						type: "image"
    					},
    ...
        
    ]
    hiprint.init({
            providers: [new defaultElementTypeProvider(cusElements)]
          });

    在 src/assets/plugins/hiprint/etypes/default-etype-provider.js  中接收参数并添加到类型中

    import { hiprint } from "../hiprint.bundle.js";
    export const defaultElementTypeProvider = (function() {
    	return function(options) {
    		var addElementTypes = function(context) {
    			context.addPrintElementTypes("defaultModule", [
    				new hiprint.PrintElementTypeGroup("自定义", options),
    				new hiprint.PrintElementTypeGroup("常规", [
    ..

     7. 项目接入

    __________________________________________________

    1. 主入口 html 中引入打印样式

      
       
      1. <link media="print" href="./static/css/hiprint.css" rel="stylesheet" />
      2. <link media="print" href="./static/css/print-lock.css" rel="stylesheet" />
    2. 组件中引入hiprint 相关组件

      
       
      1. import "@/assets/plugins/hiprint/polyfill.min.js";
      2. import "@/assets/plugins/hiprint/plugins/jquery.minicolors.min.js";
      3. import { hiprint } from "@/assets/plugins/hiprint/hiprint.bundle.js";
      4. import "@/assets/plugins/hiprint/plugins/jquery.hiwprint.js";
      5. import "@/assets/plugins/hiprint/plugins/qrcode.js";
      6. import "@/assets/plugins/hiprint/plugins/JsBarcode.all.min.js";
    3. 初始化控件

      
       
      1. $(document).ready(function() {
      2. hiprintTemplate = new hiprint.PrintTemplate();
      3. });
    4. 连接打印机并获取打印服务器上的打印机列表:

      
       
      1. hiwebSocket.stop();
      2. hiwebSocket.start(this.printerAddr);
      3. setTimeout(() => {
      4. this.printerList = hiprintTemplate.getPrinterList();
      5. }, 1000);
    5. 打印

      
       
      1. hiprintTemplate.print2(this.list, { printer: this.printer, title:'测试打印' });
      2. // this.list 打印数据
      3. // this.printer 选择的打印机, 不传的话是打印服务默认的打印机

     

     

    展开全文
  • 一、入门 1、启动HttpPrinter 双击 HttpPrinter_latest/...我们常用的 web打印 在 js 目录下 3、token 干嘛用的 token你可以理解为密码 发送的 token值 要 在 httpprinter的token列表里面 token列表的查看步骤: 系...

    一、入门

    1、启动HttpPrinter

    双击 HttpPrinter_latest/HttpPrinter.exe 即可启动

    2、怎样调用

    在 调用实例 文件夹下 有各种调用demo

    在这里插入图片描述

    我们常用的 web打印 在 js 目录下

    在这里插入图片描述

    3、token 干嘛用的

    token你可以理解为密码 发送的 token值 要 在 httpprinter的token列表里面

    token列表的查看步骤:

    系统设置 > 参数设置

    在这里插入图片描述

    token选项卡 里面

    在这里插入图片描述

    4、预览报表

    HttpPrinter 主页面 选择 打印预览 单选框, 打印的时候会生成一个pdf文件 然后自动打开

    在这里插入图片描述

    预览效果

    在这里插入图片描述

    5、生成pdf文档并使用js打印

    请看 调用示例/js/使用HttpPrinter生成pdf文档并使用js打印.mp4

    6、调用PrinterShare实现无线和蓝牙打印功能

    请看 调用示例/firemonkey安卓调用PrinterShare实现无线和蓝牙打印功能

    0.找一台服务器 放上 HttpPrinter作为pdf报表服务器

    1.安装 PrinterShare_11.19.1_破解版_支持到安卓8.apk

    2.安装 Project5.apk,

    3.备注

    PrinterShare 会 自动检测受支持的Wi-Fi打印机

    支持各种惠普(HP:Officejet、LaserJet、Photosmart、Deskjet等系列)、爱普生 ( Epson:Artisan、WorkForce、Stylus等系列),
    佳能(Canon: PIXMA MP/MX/MG等系列), 兄弟(Brother) 、柯达(Kodak)、三星(Samsung)、戴尔(Dell)、利盟(Lexmark)、京瓷(Kyocera)
    以及其他打印机,包括可联网的老式打印机。您也可以打印至不支持的老式打印机

    使用PrinterShare,您可以像在连接到计算机的打印机上一样轻松地在其他人的打印机上打印文档和照片。不需要来自打印机所有者和用户的特殊技术知识。只是起作用了!

    使用PrinterShare Mobile,
    您可以直接从受支持的智能手机(iphone、android)打印到附近的Wi-Fi打印机
    或与我们的计算机软件共享的远程打印机。
    我们的移动解决方案自动检测受支持的Wi-Fi打印机,
    并提供了查找远程打印机的简单方法。打印是一点击外!

    使用PrinterShare,您可以在不到一分钟的时间内共享您的打印机,并让连接到Internet的其他人(您的朋友、亲戚和同事)在上面打印纸张文档。
    您不需要知道或处理网络共享、复杂设置和计算Windows访问权限的细节。
    我们的软件自动检测打印机连接到您的计算机,包括本地网络打印机。
    只要你可以自己打印,你就可以共享打印机,让其他人使用它。

    7、需要每个web客户端都安装吗?还是只要在服务器端安装

    两种打印方式:

    1. 调用本地电脑上的 打印机 直接打印, 这个要本地安装.

      2.作为pdf服务器使用, 放到服务器上, js发送命令,生成一个pdf报表,然后客户端调用这个pdf进行打印.

    二、模板制作

    1、gridreport

    设置 字段 和 数据

    在这里插入图片描述

    (1) 模板绑定打印机

    点击快捷工具 > 报表设计

    在这里插入图片描述

    双击 你要设计的 报表文件

    在这里插入图片描述

    点击 报表 > 页面设置

    在这里插入图片描述

    选择 你要 指定的 打印机 后点击 确定

    在这里插入图片描述

    点击 保存 按钮

    在这里插入图片描述

    2、fastreport

    (1) 模板绑定打印机

    点击快捷工具 > 报表设计
    在这里插入图片描述

    双击 你要设计的 报表文件
    在这里插入图片描述
    点击 报表 > 选项
    在这里插入图片描述
    选择 你要 指定的 打印机 后点击 确定
    在这里插入图片描述
    点击 保存 按钮

    在这里插入图片描述

    3、reportmachine

    (1) 模板绑定打印机

    点击快捷工具 > 报表设计
    在这里插入图片描述

    双击 你要设计的 报表文件
    在这里插入图片描述
    点击 文件 > 页面设置
    在这里插入图片描述
    选择 你要 指定的 打印机 后点击 确定

    在这里插入图片描述

    点击 保存 按钮

    在这里插入图片描述

    三、安装包制作

    1、安装innosetup

    解压 InnoSetup_5.5.9_xcm2016111901.7z

    在这里插入图片描述

    然后解压ha_innosetup5509_skygz.rar

    在这里插入图片描述

    双击 ha_innosetup5509_skygz.exe ,然后 安装即可.

    在这里插入图片描述

    2、修改安装脚本

    双击HttpPrinter_latest 目录下的 inno_HttpPrinter_setup.iss 打开脚本

    我的目录是 E:\codes\D打印中间件\HttpPrinter2.0\HttpPrinter_latest

    在这里插入图片描述

    打开后修改里面的文字等 即可

    在这里插入图片描述

    点击 保存 按钮可以保存脚本文件

    点击 编译 按钮,可以编译 安装包

    在这里插入图片描述

    编译后的安装包的名称和位置

    在这里插入图片描述

    四、OEM工具

    在这里插入图片描述

    在这里插入图片描述

    点击生成授权文件 可以产生一个 oem.lic文件,放到 HttpPrinter.exe 相同的目录下 即可

    在这里插入图片描述

    五、广域网打印(mqtt)

    1、mqtt概念讲解:

    假定:B:是服务 A 与C 先要和 B建立联系
    A要打印 东西到 C A先发消息给B 再右B转发给C ,C就打印

    A要安装mqtt客户端(有js版,java版等)

    B要安装 mqtt服务器端 用来接收和转发消息

    C要安装 HttpPrinter进行打印

    2、mqtt服务器端

    在 调用示例\mqtt_Server 有windows版和centos版

    名称分别是 emqx-windows10-v3.1.1.zip 和 emqx-centos7-v3.1.1.x86_64.rpm

    在这里插入图片描述

    3、mqtt客户端

    在 调用示例\mqtt_client 里面含有 js版 delphi版

    在这里插入图片描述

    展开全文
  • 专业的web打印插件

    2017-04-18 09:54:00
    有人说她是Web打印控件,因为她能打印、在浏览器中以插件的形式出现,用简单一行语句就把整个网页打印出来; 有人说她是打印编程接口,因为她介于浏览器和打印设备之间,是个通道和桥梁,几乎能想到的打印控制事项...
  • 内涵教程 , demo 容易上手.内涵教程 , demo 容易上手内涵教程 , demo 容易上手
  • WEB打印插件Lodop

    2016-05-03 14:59:00
    Lodop(标音:劳道谱,俗称:露肚皮)是专业WEB控件,用它既可裁剪输出页面内容,又可用程序代码直接实现 复杂打印。控件功能强大,却简单易用,所有调用如同JavaScript扩展语句,主要接口函数如下: ...
  • 【能加加】网页打印插件是一款面向网页浏览器的Web打印代理软件,支持跨平台(Windows/Linux/MacOS)、适配各种浏览器。插件提供了精简灵活的API,浏览器与代理软件的交互均通过Javascript API完成。 1. 引入...
  • 支持无预览直接打印 真正免费,不加水印,没有ip或域名限制,不限时间,兼容ie6+ 无须注册,下载即用 提供经过微软数字签名的cab自动安装包,安装更方便 长期升级保障,免费论坛支持,让你无...
  • 好用的web打印插件

    2008-12-17 22:41:25
    要做web打印,找了位***nec仁兄的资源,要10分,一咬牙下了,可是找了半天实在是不知道该怎么安装,重新找了一个插件,十分好用也易安装。
  • 二、特点: 1、无插件,主要一句js即可; 2、拖拽即可完成设计,感谢 锐浪报表的支持 ,国人的骄傲; 3、强大的报表功能,管它什么报表, 交叉的,嵌套的,还是二维码,图片等等,都支持. 4、打印机:只要是能用的打印机,都...
  • 自己写的Web打印插件

    2020-12-15 13:39:00
    只做了html方式,其他方式待扩展 GITHUB地址 https://github.com/Zhao2018Mr/webPrint VUE使用 https://github.com/Zhao2018Mr/webPrint/blob/master/test.vue
  • //修改了一下配置项 printJS({ printable: 'htmlId', //绑定的的... debug: false, importCSS: true , //将此属性改为false;直接在style中写入样式即可 printContainer: true, operaSupport: false });... }
  • HttpPrinter 易桥打印中间件 web打印插件  使用说明  (V1.0) 山东易桥智能科技有限公司 网站: http://www.HttpPrinter.com 手机/微信:13165191728 QQ:46140262 群号: 230518187 免费版 无任何功能...
  • 后来发现一款比较强大的web打印工具HttpPrinter,简单使用说明如下: 特点: 1、无插件,主要一句js即可; 2、拖拽即可完成设计,支持 fastreport, reportmachine, gridreport(锐浪报表) 3、强大的报表功能,管它
  • 强大的web打印插件--Lodop

    千次阅读 2017-03-08 16:02:40
    最近公司有个项目需要实现记录打印功能,在网上找到了一个很好的打印插件Lodop,它是一个专门针对web页面打印的控件,里面封装了很多的JS API,用户只要根据自己特定的需要调用里面相应的接口,就可以实现各种很复杂...
  • web打印插件LODOP

    2012-10-17 13:07:09
    主页: http://mtsoftware.v053.gokao.net/download.html 实例: http://mtsoftware.v053.gokao.net/samples/PrintSampIndex.html
  • AJAX/JS Web打印插件

    2015-07-29 16:42:04
    pageEncoding="UTF-8"%> ...打印代理留言信息 /apps/ria/jquery-1.11.3.min.js"> /apps/ria/jquery-ui-1.11.4/jquery-ui.js"> 正在打印:代理留言信息              
  • Lodop Web打印插件使用

    2013-11-22 10:35:00
    LODOP.PRINT_INITA(4,10,860,544,"打印控件功能演示_Lodop功能_显示模式" ); 12 LODOP.ADD_PRINT_TEXT(120,117,92,22,sender); // 寄件人 13 LODOP.SET_PRINT_STYLEA(0,"FontSize",11 ); 14 LODOP.SET_...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 684
精华内容 273
关键字:

web打印插件