VIEW <view class="richText"> <rich-text nodes="{{richTextHTML}}" bindtap="tap"></rich-text> </view> 　　 JS ...

场景 最近在开发学习 Uniapp 的过程中遇到了富文本的显示，对比了 微信小程序 中生成的代码，才发现原来微信官方早就开发了 <rich-text> 标签，可以很方便的拿来使用 所以，在此对 rich-text 的使用方法进行一点 ...

解决方案：在rich-text标签上加scroll-view解决 <scroll-view scroll-y="true" style="height: 745rpx;"> <rich-text :nodes="htmlSnip">< ...

返回的富文本数据.replace(/\/gi, ' style='100%''); replace() 方法用于在字符串中用一些字符替换另一些字符 ...

新建公用-util.js index.vue index.js ...

小程序中rich-text 样式设置需要通过正则给富文本添加样式 replace(//g, ' style="width:100%" '); ...

这个方法的解决思路是: 将rich-text html中的img的src从云端存储的id转变为http形式的临时url.微信中提供了这个方法.wx.cloud.getTempFileURL. 这个方法的缺陷也是rich-text的缺陷是:这样转换的img不能预览,rich-text是一个封闭 ...

图片的大小 2.使用rich-text <rich-text class="conten ...