採坑 - 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);
　 }
}

相關標籤/搜索