利用富文本
<rich-text nodes="{{content}}"></rich-text>
nodes可以是文本节点(string类型) 也可以是元素节点(数组)
问题:渲染的html中的图片可能没有适应屏幕大小,出现图片超出屏幕,显示不全的问题
解决办法:
var cnt = res.data.content.replace(/\<img/gi, '<img style="max-width:100%;height:auto" ');
that.setData({
content: cnt
})
原理: 利用正则将给img标签动态添加行内样式