先说引用html的方法:
1.下载wxParse
https://github.com/icindy/wxParse
2.添加到项目
3.引用
在需要使用转换的js中引入
var WxParse = require('../../wxParse/wxParse.js');//html转换为wxml
对应的wxss中引入
@import "/wxParse/wxParse.wxss";/* html转换为wxml */
对应的wxml中引入
<import src="../../wxParse/wxParse.wxml" />
4.调用
js中使用
successFun_imgDetail: function(res,selfObj){ console.log(res); /** * WxParse.wxParse(bindName , type, data, target,imagePadding) * 1.bindName绑定的数据名(必填) * 2.type可以为html或者md(必填) * 3.data为传入的具体数据(必填) * 4.target为Page对象,一般为this(必填) * 5.imagePadding为当图片自适应是左右的单一padding(默认为0,可选) */ // var that = this; WxParse.wxParse('shopDetail', 'md', res, selfObj, 0); },
遇到的问题
1.返回的html图片是相对地址
要改成绝对地址,需要修改html2json.js文件
if (node.tag === 'img') { node.imgIndex = results.images.length; console.log(app.globalData.baseUrl); var imgUrl = "项目中使用的图片地址路径" + node.attr.src; if (imgUrl[0] == '') { imgUrl.splice(0, 1); } imgUrl = wxDiscode.urlToHttpUrl(imgUrl, __placeImgeUrlHttps); node.attr.src = imgUrl; node.from = bindName; results.images.push(node); results.imageUrls.push(imgUrl); }