Lodop(标音:劳道谱,俗称:露肚皮)是专业WEB控件,用它既可裁剪输出页面内容,又可用程序代码直接实现复杂打印。控件功能强大,却简单易用,所有调用如同JavaScript扩展语句件功能强大,却简单易用,所有调用如同JavaScript扩展语句
clodop打印机插件,其他语法与官网一样,只是简化注册步骤。目前兼容最低版本:6.2.2.6
官网:http://www.c-lodop.com/LodopDemo.html
npm:https://www.npmjs.com/package/clodop
Github:https://github.com/WishMelz/clodop
vue 项目中使用
npm i clodop
import { getLodop, initialize } from 'clodop'
// 初始化打印环境
initialize({
token:"xxxxxx"
});
// 获取打印对象
const LODOP = getLodop();
if (LODOP) {
// 使用打印功能
}
在main.ts 中初始化
initialize({
mainJS:'CLodopfuncs.js',
wsPort1:8000,
wsPort2:18000,
httpPort1:8000,
httpPort2:18000,
httpsPort:8443,
token:"TOKEN"
})
参数名 | 默认值 | 说明 |
---|---|---|
mainJS | CLodopfuncs.js | 主进程文件名字 |
wsPort1 | 8000 | 进程端口1 |
wsPort2 | 18000 | 进程端口2 |
httpPort1 | 8000 | http端口1 |
httpPort2 | 18000 | http端口2 |
httpsPort | 8443 | HTTPS端口 |
token | TOKEN | 密钥 |
不同的token对应不同的ip/域名。
使用示例
最简单打印示例
const LODOP = getLodop()
const htmlstr = "<h1 style='color:red'> Lodop </h1>"
LODOP.PRINT_INIT(PrineCode) //任务号,随机生成即可
if (printerIndex) {
//如果指定了打印机, 否则走电脑默认打印机
LODOP.SET_PRINTER_INDEX(printerIndex)
}
LODOP.NewPage()
LODOP.SET_PRINT_STYLEA(0, 'ShowBarText', 2)
LODOP.ADD_PRINT_HTM('0mm', '0mm', '60mm', '35mm', htmlstr) // ADD_PRINT_TABLE(intTop,intLeft,intWidth,intHeight,strHtml)
LODOP.PRINT() //直接打印
// LODOP.PREVIEW() // 预览
获取打印机列表,指定打印机打印
const LODOP = getLodop()
const printList = []
let printount = LODOP.GET_PRINTER_COUNT() //打印机总数
for (let index = 0; index < printount; index++) {
const element = LODOP.GET_PRINTER_NAME(index) //根据索引获取打印机名字
printList.push({
label: element,
value: index,
})
}
console.log('当前打印机列表', printList)
[
{
"label":"Zebra ZM400 (300 dpi) - ZPL",
"value":0
},
{
"label":"KONICA MINOLTA Universal PCL",
"value":1
}
]
指定打印机打印
LODOP.SET_PRINTER_INDEX(printerIndex)
传入具体的索引即可