{ hiprint, defaultElementTypeProvider, hiPrintPlugin } from "vue-plugin-hiprint"; import providers from "./providers"; import { requestUrl } from "@/utils/url"; import fontSize from "./font-size.js"; import html2canvas from "html2canvas"; import JSZip from "jszip"; // hiPrintPlugin ...
cd vue-plugin-hiprint-start && npm i //运行 npm run serve Vue2项目融合vue-plugin-hiprint 自己的vue2项目整合vue-plugin-hiprint插件,仅根据自定义模版用于打印预览和导出pdf 将print-lock.css文件复制到public 安装依赖 npm install vue-plugin-hiprint main.js中 引入安装 import {hiPrintPlugin} from 'vue...
源码链接: https://github.com/CcSimple/vue-plugin-hiprint-start ▲本篇效果图 1.编写 provider 并 构建 这里将创建两个provider文件,用于演示如何在两个不同容器中去构建可拖拽元素。 1.1 创建 provider 首先创建provider,直接上代码: // provider1.jsimport { hiprint } from "vue-plugin-hiprint";export...
hiprint.PrintElementTypeManager.buildByHtml($(".ep-draggable-item")); };/** * 构建设计器 * 注意: 必须要在 onMounted 中去构建 * 因为都是把元素挂载到对应容器中, 必须要先找到该容器*/let hiprintTemplate; const buildDesigner= () =>{ $("#hiprint-printTemplate").empty();//先清空, 避免重...
hiprint.setConfig({ text: { tabs: [ { name:'基础',// 可调整名称 // 整体替换: 相当于移除所有options, 重新插入新的参数 // replace: true, options: [ {name:"title", hidden:true} ] } ] } }) 注意:tabs的replace相当于移除所有options,重新插入新的参数;如果想要修改第2个tab,那么需要把他...
【vue-plugin-hiprint】默认分支是npm包及demo的融合代码;对于部分新手来说有点难以下手。本篇开始以新的demo开始讲述如何开始使用vue-plugin-hiprint。 demo项目通过create-vue创建。默认vue3。 如果你有哪些不清楚的,欢迎各位留言反馈。demo链接见文末。
vue-plugin-hiprint 是一个用于 Vue.js 项目的插件,它提供了与 Hiprint 打印服务集成的功能。下面我将根据你提供的提示,分点介绍如何使用 vue-plugin-hiprint 插件。 1. 安装 vue-plugin-hiprint 插件 首先,你需要在你的 Vue 项目中安装 vue-plugin-hiprint 插件。你可以使用 npm 或 yarn 来安装: bash npm ...
如果要实现无预览打印(静默打印)就需要安装打印客户端, 无预览打印的原理是使用 hiprint 的打印客户端,它是一个基于 electron 的桌面应用,可以接收来自浏览器的打印请求,然后直接调用本地打印机进行打印。 安装地址:gitee.com/CcSimple/elec 问题 如果在配置客户端时遇到一下问题 解决方法 然后就可以使用啦! 补充 ...
实现无预览打印的Vue2项目中，产品需求不支持浏览器直接调用打印机以避免安全风险。在gitee.com/CcSimple/vue-plugin-hiprint和gitee.com/CcSimple/electron-hiprint/releases地址中，提供了解决方案。首先，在项目入口文件index.html中，安装依赖。项目中实现无预览打印需确保打印内容样式设置为行内样式，以...
源码链接:https://github.com/CcSimple/vue-plugin-hiprint-start 效果如下: 1.前言 首先我们应该清楚两种打印模式: 拖拽生成的html,创建iframe然后调用浏览器提供的printAPI 将生成的html,通过socket.io发送到直接打印客户端再调用electron提供的printAPI