采坑 - LODOP，打印预览

2021-02-08 作者：匿名阅读：1240次

前言

本文重点解决采坑-LODOP，打印预览问题,希望能够帮助到你

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

图一

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

图二

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

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

function print() {
    //引入LodopFuncs.js 为前提
    let LODOP = getLodop();

    $.get('../css/custom.css', function(res) { 
         let style = `<link href="../css文件路径" rel="stylesheet" />`   //可多个 ，比如像 print.css。
         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);
　 }
}

本网刊登的文章均仅代表作者个人观点，并不代表本网立场。文中的论述和观点，敬请读者注意判断。

本文地址：http://www.xlkjgs.com/notes/js/2669.html

W 导出为.doc文档

标签内容样式判断左右打印高度

上一篇ASP使用ajax来传递中文参数的编码处理

下一篇解决在IE11浏览器下,JQuery的AJAX方法不响应问题

以上内容由本站整理呈现，请务必在转载分享时注明本文地址！如对内容有疑问，请联系我们，谢谢！