采坑 - LODOP，打印预览

时间 2019-11-29

标签 lodop 打印预览繁體版

原文原文链接

结合 layui。
弹出框内容样式以下：红框表示，左右的内边距。javascript

图一css

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

图二java

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

封装自定义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);
　 }
}