Github Demo预览:https://ccsimple.github.io/vue-plugin-hiprint/(慢,需翻墙) 更新记录:npm包版本及更新记录 打印客户端:https://gitee.com/CcSimple/electron-hiprint 中转服务:https://github.com/Xavier9896/node-hiprint-transit 文章链接 入门篇: 【vue-plugin-hiprint】使用-入门篇 进阶篇: 【vue-plugin...
本人写的部分文档: https://ccsimple.github.io/sv-print-docs/config/hiprint.html安装使用npm install vue-plugin-hiprint<!--【必须】在index.html 文件中添加打印所需样式(cdn可能不稳定):--> <!-- OR --> <!-- 可以调整成 相对链接/自有链接, 【重要】名称需要一致 【print-lock.css】--> ...
GitHub is where people build software. More than 100 million people use GitHub to discover, fork, and contribute to over 420 million projects.
【vue-plugin-hiprint】使用-进阶篇 【vue-plugin-hiprint】使用-入门篇已经知道了如何引入及构建设计器了。本进阶篇教大家如何进一步的构建设计器,包括第二种构建可拖拽元素(provider)、vue3组合式函数、常用API及如何查看可用API等。 源码链接:https://github.com/CcSimple/vue-plugin-hiprint-start 1.编写 provide...
hiprint for Vue2/Vue3 ⚡打印、打印设计、可视化设计器、报表设计、元素编辑、可视化打印编辑 - feat:增加条码颜色动态设置功能 · CcSimple/vue-plugin-hiprint@159ef10
本文介绍对vue-plugin-hiprint部分重要代码的解析,这是一个很好的开源插件,能够自己自定义打印模板,通过后端传来的数据进行渲染打印,官方也提供了许多的api供开发者使用。界面采用了antdesign。实现了免预览的直接打印。 github:https://github.com/CcSimple/vue-plugin-hiprint ...
源码链接:https://github.com/CcSimple/vue-plugin-hiprint-start ▲本篇效果图 1.编写 provider 并 构建 这里将创建两个provider文件,用于演示如何在两个不同容器中去构建可拖拽元素。 1.1 创建 provider 首先创建provider,直接上代码: // provider1.js ...
源码链接:https://github.com/CcSimple/vue-plugin-hiprint 前言 本篇围绕以下几点进行阐述: 如何查看当前所有参数 如何隐藏/显示/调整元素参数及注意事项 如何查看参数可选值 参数调整及修改元素原理分析 如何自定义/重写参数 主要涉及到的 API 就是hiprint.setConfig ...
hiprint for Vue2.x / Vue3.x 支持拖拽(分页(不分页)、表头表脚、样式设置、复制粘贴、缩放、撤销重做)生成打印模板、导出json模板数据、静默打印/获取MAC地址(借助客户端) Version0.0.58-fixLicenseMIT INSTALL Version: Learn more ReadmeFilesStatisticsBrowse CDN ...
源码链接:https://github.com/CcSimple/vue-plugin-hiprint-start 效果如下: 1.前言 首先我们应该清楚两种打印模式: 拖拽生成的html,创建iframe然后调用浏览器提供的printAPI 将生成的html,通过socket.io发送到直接打印客户端再调用electron提供的printAPI