偶然间发现一个不错的纯JS打印模块的WEB在线设计模板,立刻download下来

首先上界面:

左侧是编辑界面,右侧是选项内容偶然间发现一个不错的纯JS打印模块的WEB在线设计模板,立刻download下来_第1张图片

点保存模板时会将模板信息json话,并发送给服务器.

 

非常的方便.

 

使用的时候也很好处理,(以lodop打印插件为例)

1.序列化json字符串.

2.生成打印内容,主要是用json生成主体内容.格式如下,方法自己写

//头部内容
 
//主体内容

"
图片商品名称商品属性商家编码重量单价小计数量
1热销手表货真价实常备大量现货手表 皮革表带手表微信代理颜色:咖啡080906.00122
2热销手表货真价实常备大量现货手表 皮革表带手表微信代理颜色:白色080906.00122
3热销手表货真价实常备大量现货手表 皮革表带手表微信代理颜色:红色080906.00183
4热销手表货真价实常备大量现货手表 皮革表带手表微信代理颜色:黑色080906.00183
实付款:65.4元(含运费:6元);重量:0kg;共计10件商品;
打印时间:2019-09-05 11:11:03
收件人
旺旺:kimaymiki22
收货人地址:广东省茂名市高州市大井镇农村信用社对面(宏发建材
买家留言:
收货人手机:13689523871
收货人姓名:Cecilia
订单编号:556929167905843309
发货单
总金额:65.4
"

 

拼接头部字符串和主体字符串

使用lodop打印插件打印

LODOP.SET_PRINT_PAGESIZE (intOrient,""+width+"mm",""+height+"",'');//设置打印纸张大小
LODOP.SET_PRINT_COPIES(printfhdnum);//打印的份数
LODOP.SET_PRINTER_INDEX(pname);//设置打印机
LODOP.ADD_PRINT_HTM(''+toply+"mm",''+leftpy+"mm",'100%','100%',printhtmlstr);
//printhtmlstr就是拼接了头部和主体字符串的变量
LODOP.SET_PRINT_STYLEA(0,"TableRowThickNess",60);//设置table分页处理
LODOP.SET_PRINT_MODE("PRINT_PAGE_PERCENT","Auto-Width");//按尺寸自动缩放
//LODOP.PREVIEW();//预览 
			
LODOP.NEWPAGE();
var taskid=LODOP.PRINT(); //打印

以上为全部代码

你可能感兴趣的:(js,lodop)