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

    2016-01-29 09:34:20
    打印机插件,lopo,用于web端调用打印机的开发,
  • 小票打印 热敏打印 插件 打印插件 小票打印 热敏打印 插件 打印插件 小票打印 热敏打印 插件 打印插件
  • 笔者最近更换了HomeLEDE固件,但发现其没有集成网络打印机。在尝试安装使用p910nd后发现打印机没有反应,无法使用。某bing一番后,发现了CUPS,便打算折腾一番。 一、下载安装CUPS 看了别人的资料后,原本以为可以...

    笔者最近更换了HomeLEDE固件,但发现其没有集成网络打印机。在尝试安装使用p910nd后发现打印机没有反应,无法使用。某bing一番后,发现了CUPS,便打算折腾一番。

    一、下载安装CUPS

    1. 看了别人的资料后,原本以为可以直接在opkg中安装使用。但我的源里却没有这个包。无奈之下,一番搜索,发现有大佬提供ipk包。点此下载,有能力的大佬也可以自己编译,源码地址
    2. 根据自己平台下载好相应的包(有十多个都是)后,上传到LEDE的tmp目录下,(其中cups-filters这个包好像和cups不太兼容,我选择删去cups-filters这个包,不安装它),在ssh下输入命令opkg install /tmp/*.ipk --force-depends来安装这些包。
      注:如果安装了kmod-usb-printer,该模块可能与cups存在兼容问题,请使用下面命令卸载opkg remove kmod-usb-printer
    3. 安装完成后,打开/etc/cups/cupsd.conf文件。对应更改下方配置
    这个配置打开网页配置,和配置中文
    WebInterface Yes +DefaultLanguage zh
    
    
    下方是设置允许访问的IP地址范围,根据自己情况配置,如你LAN_IP为192.168.1.1,则改成如下方所示
    <Location />
      Order Allow,Deny
      Allow From 127.0.0.1
      Allow From 192.168.1.0/24 
    </Location>
    
    下方是设置允许访问使用admin账户的IP地址范围,如下设置即可
    <Location /admin>
      AuthType Basic
      AuthClass Anonymous
      Order Allow,Deny
      Allow From 127.0.0.1
      Allow From 192.168.1.0/24
    </Location>
    

    然后,输入ssh命令/etc/init.d/cupsd restart重启CUPS服务。
    5. 在openwrt中检查启动项,查看cupsd项是否已自启,否则无法开机启动。

    二、在CUPS上添加打印机

    1. 使用http://lan_ip:631/admin登陆CUPS管理页面。
      如果需要登录,则用户名:root 密码:你配置的路由器的登陆密码。
    2. 添加打印机在这里插入图片描述
    3. 一般来说,接上打印机后应当能在此看到,选中后继续。在这里插入图片描述
    4. 写一个简单的名字,选择上共享这台打印机在这里插入图片描述
    5. 这里默认没有驱动,选择Raw,然后点击Add Printer添加打印机即可。在这里插入图片描述
    6. 添加成功后,应该会跳转到打印机信息界面。这里,我们复制这个网页链接。应如:http://lan_ip:631/printers/你前面设定的打印机名
      在这里插入图片描述

    三、WIN系统上添加该打印机

    1. 点击微软图标,点击设置后再进入设备
      在这里插入图片描述
    2. 进入打印机和扫描仪,点击添加打印机或和扫描仪,等一段时间后会出现下图选项,点它在这里插入图片描述
    3. 然后点按名称选择选择打印机,输入你刚复制的地址 ,点击下一步
      在这里插入图片描述
    4. 如果连接成功会让你选择打印机驱动。在这里插入图片描述
    5. 然后下一步,完成即可
      在这里插入图片描述
    6. 此时,打印机应当能正常工作了。
    展开全文
  • js+web调用打印机代码

    热门讨论 2011-08-27 15:07:15
    js调用打印机代码,可以直接对网页进行打印预览,设置,打印
  • 最近项目需要指定打印机进行前台后厨小票同时打印 1.首先安装LODOP插件点击下载 2 将LodopFuncs.js文件复制到自己项目 注意:vue项目需要底部添加 export { getLodop } 3获取当前连接的打印机设备名称 添加前台...

    最近项目需要指定打印机进行前台后厨小票同时打印

    1.首先安装LODOP插件点击下载

    2 将LodopFuncs.js文件复制到自己项目 注意:vue项目需要底部添加

    export { getLodop }

    3获取当前连接的打印机设备名称   添加前台或者后厨 或者热菜 凉菜

      let LODOP=getLodop()
    		  let listCount=LODOP.GET_PRINTER_COUNT() //当前打印设备数量
    		  let list=[]
    			for( let i=0;i<listCount;i++){
    				list.push(LODOP.GET_PRINTER_NAME(i)) //打印设备名称
    			}
    			this.list=list
    			console.log(list)  //list 为当前的打印设备名称集合

    4  后台返回每个打印设备打印的数据 循环打印

    	//获取打印数据
    		printerreturn(id) {
    			printerreturn({ orderId: id }).then(res => {
    				if (res.data.code == 0) {
    					for (let item of res.data.data) {
                                        let LODOP = getLodop(); //调用getLodop获取LODOP对象
    			            LODOP.PRINT_INIT('打印任务名'); //首先一个初始化语句
    			            LODOP.SET_PRINTER_INDEX(item.name);//指定打印机  
    			            LODOP.ADD_PRINT_HTML(0, 0, '100%', '100%', item.value); // value 为打印数据
    			            LODOP.SET_PRINT_PAGESIZE(3, '80mm', '50mm');// 设置打印宽度 高度 最小值。 3/为自适应
    			           //LODOP.PREVIEW(); //打印预览
    			            LODOP.PRINT(); //直接打印
    					
    					}
    				}
    			});
    		},

     

    展开全文
  • 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

    vue demo: https://github.com/byc233518/vue-hiprint-example

    官网介绍: 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. 内容全部都打印在了第一页 ==> 引入打印样式( html 中引入打印样式的css 复制一份 加上 media="print" 属性 );

    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调用打印机的实现

    千次阅读 2018-04-19 18:37:21
     //=====Lodop插件未安装时提示下载地址:==========  if ((LODOP==null)||(typeof(LODOP.VERSION)=="undefined")) {  if (navigator.userAgent.indexOf('Chrome')>=0)  document.body.innerHTML=strHtmChrome+...
  • js调用HttpPrinter(web打印插件)

    千次阅读 2019-06-07 23:10:44
    js调用HttpPrinter(web打印插件) 对比了 康虎云报表 lodop 后 选择了 HttpPrinter (原因: 功能免费 只有源码收费) demo地址: https://www.lanzous.com/b743805 js代码如下,base64的部分已经精简: <!DOCTYPE...
  • 【能加加】网页打印插件是一款面向网页浏览器的Web打印代理软件,支持跨平台(Windows/Linux/MacOS)、适配各种浏览器。插件提供了精简灵活的API,浏览器与代理软件的交互均通过Javascript API完成。 1. 引入...
  • 强大的web打印插件(HttpPrinter) 本软件 您可以免费使用,如果您需要 设计报表模板 , 定制功能, 提供技术指导 ,请联系作者! 特点: 1、无插件,主要一句js即可; 2、拖拽即可完成设计,支持 fastreport, reportmachine,...
  • Web Printer Helper-crx插件

    2021-04-01 22:55:05
    Web打印机助手 Web应用程序的Web打印机帮助程序此扩展程序可以帮助Web应用程序访问服务器上的打印机设备。 此扩展要求从服务器上的WebPrinter应用程序生成的API。 *仅用于打印的文档为PDF文件可在此处下载WebPrinter...
  • 伟文标签打印机电脑打印插件以及使用方法,将会对与新手使用标签打印机有良好的帮助作用
  • 斑马Magicard打印机 IE浏览器打印插件,只支持IE浏览器,斑马多打印机支持
  • Apache Sling JCR Web控制台插件已达到1.0.0版。 Apache Sling Web框架使用Java Content Repository来存储和监视内容,并使用脚本和Java servlet以RESTful方式处理HTTP请求。 在此版本中,添加了节点类型配置打印机...
  • 专业的web打印插件

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

    万次阅读 2018-09-06 10:54:54
    用Java调用本地打印机实现功能,将java程序打包成exe可执行文件,在本地注册表中新增URL协议,最后web端通过该协议实现启动本地exe程序进行打印 实现过程: 1、下载32位TSCActiveX.dll,并注册到windows环境中,...
  • 这是自己做的一个收据的页面,本以为可以使用layer弹出层自带的打印就可以蒙混过关的时候出行了一种情况,用普通泼墨打印机打印没有问题,可是收据类都是具备一定条件的,需要用17.8*9.5的纸打印,而且必须是针式...
  • 支持直接打印(不显示打印机选择对话框) 支持打印预览 支持打印份数控制 支持手动分页(按div分页) 经过微软数字签名(即不会在IE中提示:不安全的控件) 支持ie5-ie10,及以ie为内核的浏览器,如腾讯,360等 支持extjs...
  • 项目(Web项目)功能中存在生成并打印二维码的功能,需要借助打印机打印出二维码。由于业务需求二维码需要打印在不干胶的材料上并可以进行粘贴,所以借助斑马打印机通过热敏不干胶纸进行打印。 需要结合所使用的的...
  • 内涵教程 , demo 容易上手.内涵教程 , demo 容易上手内涵教程 , demo 容易上手
  • 其中一个主要的设计目标是能够从Web应用程序中选择要使用的打印机,这意味着应用程序需要知道用户机器上的可用打印机 NinjaPrinter支持2种不同类型的文档:ZPL(标签)和PDF,但扩展它应该是相当简单的。 支持语言:...
  • 强大的web打印插件--Lodop

    千次阅读 2017-03-08 16:02:40
    最近公司有个项目需要实现记录打印功能,在网上找到了一个很好的打印插件Lodop,它是一个专门针对web页面打印的控件,里面封装了很多的JS API,用户只要根据自己特定的需要调用里面相应的接口,就可以实现各种很复杂...
  • 当时第一反应就是找插件,拿来主义永远不过时。找了一圈发现,免费的有限制,没限制的需要收费(LODOP真的好用)。说来就是一个简单的无预览打印,收费的诸多功能都无用武之地,总的来说性价比很低,所以就打算自己...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 7,114
精华内容 2,845
关键字:

web打印机插件