美文网首页
Web前端 & 打印插件 C-lodop

Web前端 & 打印插件 C-lodop

作者: 小马儿_ | 来源:发表于2019-07-12 21:44 被阅读0次

这个插件可以兼容很多浏览器,里面功能也都很强大的~ 比较好用哦~


1.下载插件到本地

戳我跳转下载 !!!下载的插件位数,需要与浏览器的位数一致哦~

2.引入所需JS

下载C-lodop所需的两个JS,放到项目目录下
以下这段内容是必须写的哦

<!-- 打印 C-lodop -->
<script src="/static/order/js/LodopFuncs.js"></script> 
<script src="/static/order/js/PrintSample10.js.js"></script> 
<object id="LODOP_OB" classid="clsid:2105C259-1E0C-4534-8141-A753534CB4CA"width=0 height=0>  
    <embed id="LODOP_EM" type="application/x-print-lodop"width=0 height=0></embed> 
</object>

3.打印输出

获取控件对象,在需要打印的地方写入

// 获得控件对象
var LODOP = getLodop(document.getElementById('LODOP_OB'), document.getElementById('LODOP_EM'));

var html="我是内容";
LODOP.PRINT_INIT("");//初始化打印页
LODOP.ADD_PRINT_HTML("3%","3%","100%","100%", html);//获取输出内容
LODOP.PREVIEW();//预览

上面的html是定义的一个变量,可以是任何内容


C-lodop:大部分函数使用说明
小可爱萌可以点击去看看,都集中写到了一起,标注的也很清楚。


小可爱萌如果遇到问题或上文有错误,可以给我发私信或留言哦~
😜💕

相关文章

网友评论

      本文标题:Web前端 & 打印插件 C-lodop

      本文链接:https://www.haomeiwen.com/subject/tzntkctx.html