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

首先上界面:

左侧是编辑界面,右侧是选项内容

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

 

非常的方便.

 

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

1.序列化json字符串.

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

//头部内容
 

//主体内容

"
序
图片
商品名称
商品属性
商家编码
重量
单价
小计
数量
1
热销手表货真价实常备大量现货手表 皮革表带手表微信代理
颜色:咖啡
0809
0
6.00
12
2
2
热销手表货真价实常备大量现货手表 皮革表带手表微信代理
颜色:白色
0809
0
6.00
12
2
3
热销手表货真价实常备大量现货手表 皮革表带手表微信代理
颜色:红色
0809
0
6.00
18
3
4
热销手表货真价实常备大量现货手表 皮革表带手表微信代理
颜色:黑色
0809
0
6.00
18
3
实付款：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(); //打印

以上为全部代码