直接打印其实就是将填充完数据的html通过socket.io连接发送到直接打印客户端 打印客户端源码:https://github.com/CcSimple/electron-hiprint 5.1 获取打印机列表 直接打印可以指定打印机;同时本客户端也提供了一些其他Api;详见源码。 默认当网页打开时--在jQuery的$(document).ready时去自动连接打印客户端。所以如果你...
hiPrintPlugin.disAutoConnect();// 取消自动连接直接打印客户端// 下列代码为示例,不要再 main.js中 使用// 引入后使用示例this.$pluginName.init();// 下列方法都是没有拖拽设计页面的, 相当于代码模式, 使用代码设计页面// 想要实现拖拽设计页面,请往下看 '自定义设计'varhiprintTemplate =newthis.$pluginN...
js复制代码<!-- 打印预览弹窗 --> <el-dialog class="preview-dialog" v-model="previewVisible" title="打印预览" top="10vh" width="1600"> <template #footer> <el-button @click="previewVisible = false">关闭</el-button> </template> </el-dialog> // 打印预览 const previ...
letprintData = {name:'打印/预览时显示的名称'}; lethiprintTemplate =newhiprint.PrintTemplate({xxx}); // 弹出浏览器打印窗口,并填充 字段名:name 的元素 hiprintTemplate.print(printData); lethiprintTemplate2 =newhiprint.PrintTemplate({xxx}); ...
如果要实现无预览打印(静默打印)就需要安装打印客户端, 无预览打印的原理是使用 hiprint 的打印客户端,它是一个基于 electron 的桌面应用,可以接收来自浏览器的打印请求,然后直接调用本地打印机进行打印。 安装地址:https://gitee.com/CcSimple/electron-hiprint/releases ...
直接打印 批量打印 保存JSON数据 自定义组件 1|1简介 本文介绍对vue-plugin-hiprint部分重要代码的解析,这是一个很好的开源插件,能够自己自定义打印模板,通过后端传来的数据进行渲染打印,官方也提供了许多的api供开发者使用。界面采用了antdesign。实现了免预览的直接打印。
首先，在项目入口文件index.html中，安装依赖。项目中实现无预览打印需确保打印内容样式设置为行内样式，以确保生效。实现无预览打印，需安装打印客户端，通过electron的hiprint应用接收浏览器打印请求，并直接调用本地打印机。安装客户端请访问上述gitee地址。若在配置客户端过程中遇到问题，解决方法请参考相关...
简介:本文介绍对vue-plugin-hiprint部分重要代码的解析,这是一个很好的开源插件,能够自己自定义打印模板,通过后端传来的数据进行渲染打印,官方也提供了许多的api供开发者使用。界面采用了antdesign。实现了免预览的直接打印。 vue-plugin-hiprint的学习与应用 ...
核心需求是自动打印、选择打印机和自定义打印模板设计。最终决定采用vue-plugin-hiprint开发初版。查看所有参数：window.HIPRINT_CONFIG。注意：在v0.0.56版本中无法隐藏参数的tabs分组，需切换至v0.0.50版本。插入背景图片，仅用于参考，不参与打印。打印预览设置纸张大小和缩放。插入分页符实现横向打印。获...
feat:设置-高级设置-增加默认打印机选择 1个月前 .gitignore feat: 添加 render 窗口 4个月前 .npmrc feat: 添加 render 窗口 4个月前 .prettierrc.json feat: 添加 render 窗口 4个月前 LICENSE add LICENSE. 3年前 README.md Update README.md ...