、引入LodopFuncs.js(可去LodopFuncs官网下载)
<script src="LodopFuncs.js" type="text/javascript" charset="utf-8"></script>
2、打印局部页面,以“printarea”命名元素ID
3、打印按钮添加点击事件
$(".print-btn").on("click", function() {
// 打印初始化
var LODOP = getLodop();
LODOP.PRINT_INIT("打印商品标签");
// 设置纸张大小
LODOP.SET_PRINT_PAGESIZE(0,2100,2970,"商品标签");
// 设置字体
LODOP.SET_PRINT_STYLE("FontSize", 16);
// 设置加粗
LODOP.SET_PRINT_STYLE("Bold", 1);
// 增加超文本项
LODOP.ADD_PRINT_HTM("5mm", "5mm", 2100, 2970, document.getElementById("printarea").innerHTML);
// 打印预览
LODOP.PREVIEW();
})
4、如果电脑上没有安装CLodop,在打印初始化时会提示需要安装CLodop插件。可更改源码修改安装提示的方法。
5、安装成功后,点击打印,会自动打开系统打印机。