小程序用 rich-text 解析html

2021-01-28  本文已影响0人  小李不小

之前遇到一重項目需求,后台返回html标签,要在小程序里面显示,看到这个需求之后,是有点苦恼的,原来小程序里面有标签可以解析html代码的,看下面代码

微信的链接地址:https://developers.weixin.qq.com/miniprogram/dev/component/rich-text.html

这是效果图

image.png
html
<view class="richText">
  <rich-text nodes="{{richTextHTML}}"   bindtap="tap"></rich-text>
</view>

js

data:{
 html: '<div class="div_class" style="line-height: 60px; color: red;">Hello&nbsp;World!</div>',
}
上一篇下一篇

猜你喜欢

热点阅读