采坑 - LODOP，打印预览
程序员文章站
2022-09-27 16:10:50
结合 layui。弹出框内容样式如下： 红框表示，左右的内边距。 图一 打印预览的样式如下：红框表示，左右的内边距。 图二 要根据图二的左右内边距，去修改图一的左右内边距。不然会影响正文内容高度的判断。 封装自定义lodop打印函数的时候，可以使用 ： function print() { //引入 ......
结合 layui。
弹出框内容样式如下： 红框表示，左右的内边距。
图一
打印预览的样式如下：红框表示，左右的内边距。
图二
要根据图二的左右内边距，去修改图一的左右内边距。不然会影响正文内容高度的判断。
封装自定义lodop打印函数的时候，可以使用 ：
function print() {
//引入lodopfuncs.js 为前提
let lodop = getlodop();
$.get('../css/custom.css', function(res) {
let style = `<link href="../css文件路径" rel="stylesheet" />` //可多个
let html = $('#所需要打印的父div').innerhtml;
//如有需要，可以进行高度判断，进行分页
let htmlheight = $('#所需要打印的父div').outerheight(true);
//拼接 style 和 html
let strformhtml = `${style}<body> ${html} </body>`
// 调用自带的api
lodop.add_print_htm(60, 0, "100%", "90%", strformhtml);
}
}