lodop打印html没有样式,采坑 - LODOP，打印预览

结合 layui。

弹出框内容样式如下： 红框表示，左右的内边距。

图一

打印预览的样式如下：红框表示，左右的内边距。

图二

要根据图二的左右内边距，去修改图一的左右内边距。不然会影响正文内容高度的判断。

封装自定义lodop打印函数的时候，可以使用 ：

function print() {

//引入lodopfuncs.js 为前提

let lodop = getlodop();

$.get('../css/custom.css', function(res) {

let style = `` //可多个

let html = $('#所需要打印的父div').innerhtml;

//如有需要，可以进行高度判断，进行分页

let htmlheight = $('#所需要打印的父div').outerheight(true);

//拼接 style 和 html

let strformhtml = `${style}

${html} `

// 调用自带的api

lodop.add_print_htm(60, 0, "100%", "90%", strformhtml);

}

}