小程序中去除h5标签_微信小程序解析HTML标签带有<p>

小程序中默认是不支持html格式没有

标签,但是有些接口需要返回带有标签的,例如 : 隐私协议;

解决方法:

小程序中有一个富文本标签组件,前端可以解析H5标签就是 rich-text、wxParse

一、 :

首先我们在github上下载wxParse

e7137e363737b5034b6a209e13187fe6.png

下载完之后我们需要用到目录下的wxParse文件夹,把他拷贝到我们的项目目录pages下

下面是具体的使用步骤

1.在app.wxss全局样式文件中,需要引入wxParse的样式表

@import "../wxParse/wxParse.wxss";

2.在需要加载html内容的页面对应的js文件里引入wxParse

var WxParse = require('../wxParse/wxParse.js');

3.通过调用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,可选)*/

使用的js文件

Page({

data: {

},

onLoad:function() {var self = this;

wx.request({

url:'',

method:'POST',

data: {'id':13},

header: {'content-type': 'application/json'},

success:function(res) {var article = res.data.content;

WxParse.wxParse('article', 'html', article, self,5);

}

})

}

})

4.在页面中引用模板

这样就可以在微信小程序中嵌入html内容了

22c150f8a80531c1f3929e86def78d61.png

5、wx:key报错does not look like a valid key name?

4356a780e8e57f9dd775318e5adc935a.png

wx:key = "key"  这样就可以了   不要加双大括号。

77144f81ec7bfa7b6cde58c455b69315.gif

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值