在官网(https://developers.weixin.qq.com/miniprogram/dev/component/rich-text.html
)已经说的很清楚用标签rich-text就可以处理大部分html标签,其中有个别标签不能兼容,
小弟只对section的标签做了兼容,废话少说,直接上代码
在项目中的js文件中:
var html = '<p>12321311<span style="text-decoration: underline;">321321321321<span style="text-decoration: line-through;">3213213213213231asdasdasda<img src="http://sgsource.sougewang.com/image/know/30b64859b849008ca2cb83bd3934ea4c.png" /><video controls="controls" width="300" height="150"><source src="http://sgsource.sougewang.com/video/know/4c83a1703c5f8a82efc26519be342748.mp4" type="video/mp4" /></video></span></span></p>'
data: {
htmlSnip:html.replace(/<section/g, '<div').replace(/\/section>/g, '/div>'),
},
在wxml页面:
<rich-text nodes="{{htmlSnip}}"></rich-text>