在进行微信小程序定制开发的时候,遇到了微信小程序不能显示html格式内容。于是到网上搜了下教程,进行多番尝试,发现只能参考,于是有了下面的流程:
创新互联-专业网站定制、快速模板网站建设、高性价比成安网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式成安网站制作公司更省心,省钱,快速模板网站建设找我们,业务覆盖成安地区。费用合理售后完善,十年实体公司更值得信赖。
1、下载wxparse
github地址: https://github.com/icindy/wxparse
2、下载完之后我们需要用到目录下的wxparse文件夹,把他拷贝到我们的项目目录下
3、在app.wxss全局样式文件中,需要引入wxparse的样式表
@import "wxparse/wxparse.wxss";
4、在需要加载html内容的页面对应的js文件里引入wxparse
let wxparse = require("../../wxparse/wxparse.js");
通过调用Wxparse.wxparse方法来设置html内容
/**
* Wxparse.wxparse(bindName , type, data, target,imagepadding)
* 1.bindName绑定的数据名(必填)
* 2.type可以为html或者md(必填)
* 3.data为传入的具体数据(必填)
* 4.target为page对象,一般为this(必填)
* 5.imagepadding为当图片自适应是左右的单一padding(默认为0,可选)
*/
getcontent: function (id){
var that = this
wx.request({
url: 'https://www.cdcxhl.com/api/Index/article',
data: {
id
},
success: function (res) {
that.setData({
article: res.data,
content: res.data['content']
})
wxparse.wxparse('content', 'html', that.data.content, that, 5)
}
})
}
5、在页面中引用模板
网页标题:如何在微信小程序中显示html格式内容
网站URL:http://scgulin.cn/article/sccogc.html