拖拽生成的html,创建iframe然后调用浏览器提供的printAPI 将生成的html,通过socket.io发送到直接打印客户端再调用electron提供的printAPI 提供的打印 API如下: 浏览器打印: 模板对象:print、printByHtml hiprint对象:print 借助打印客户端: 模板对象:print2、printByHtml2 hiprint对象:print2 其中hiprint对象提供的print、...
将生成的html,通过socket.io发送到直接打印客户端再调用electron提供的printAPI 提供的打印 API如下: 浏览器打印: 模板对象:print、printByHtml hiprint对象:print 借助打印客户端: 模板对象:print2、printByHtml2 hiprint对象:print2 其中hiprint对象提供的print、print2适用于多模板打印;模板对象适用于单/多面板打印。
封装的预览vue界面 将模板和数据用HTML的方法转化赋值$('#preview_content_custom').html(hiprintTemplate.getHtml(printData)) <template><a-modal:visible="visible":maskClosable="false"@cancel="hideModal":width="width+'mm'"><a-spin:spinning="spinning"style="min-height: 100px"><divid="preview_co...
2、onRendered 必须写在 printElementType 属性里,并且不能用json字符串 3、模板渲染后后使用 手动调佣 getHtml() 函数
hiprintTemplate.printByHtml2(this.$refs.printContent,{ printer: printerName, // 打印机名称,不填则默认打印机 title: '任务队列中名称' });//直接打印,需要安装客户端 下面会提到客户端的安装 安装打印客户端 如果要实现无预览打印(静默打印)就需要安装打印客户端, 无预览打印的原理是使用 hiprint 的打印客...
本人写的部分文档:https://ccsimple.github.io/sv-print-docs/config/hiprint.html 安装使用 npm install vue-plugin-hiprint <!--【必须】在index.html 文件中添加打印所需样式(cdn可能不稳定):--><linkrel="stylesheet"type="text/css"media="print"href="https://npmmirror.com/package/vue-plugin-hiprint...
import{hiprint,defaultElementTypeProvider}from'vue-plugin-hiprint'// 初始化可拖拽的元素hiprint.init({providers:[newdefaultElementTypeProvider()]})// $('.ep-draggable-item') 包含 tid, 与上边的 provider 中的 tid 对应 才能正常拖拽生成元素hiprint.PrintElementTypeManager.buildByHtml($('.ep-draggable-...
Vuepluginhiprint是基于Vue开发的用于打印的插件,可以轻松实现HTML页面的打印功能。分页规则是在使用Vuepluginhiprint插件时用来控制打印页面分页的一种规则。通过设定分页规则,可以使打印结果更符合实际需求,提升打印效果。 为什么需要使用分页规则? 在实际打印过程中,页面的内容往往会跨越多个页面,无论是表格还是长文字内容...
本人写的部分文档: https://ccsimple.github.io/sv-print-docs/config/hiprint.html安装使用npm install vue-plugin-hiprint <!--【必须】在index.html 文件中添加打印所需样式(cdn可能不稳定):--> <link rel="stylesheet" type="text/css" media="print" href="https://npmmirror.com/package/vue-plugin...
vue-plugin-hiprint这款插件,不仅让我眼前一亮,还成为了解决这些问题的关键。 它是一款专为Vue2和Vue3设计的打印插件,提供了从打印到报表设计的一系列功能。 这不仅仅是技术上的突破,更是对开发者日常工作的巨大助力。 你是否也曾经历过类似的困境? 在项目中遇到难以逾越的技术障碍时...