小程序 rich-text 处理显示

Posted SeaJson

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了小程序 rich-text 处理显示相关的知识,希望对你有一定的参考价值。

VIEW

 

<view class="richText">
  <rich-text nodes="{{richTexthtml}}"   bindtap="tap"></rich-text>
</view>

  

JS

  onShow: function () {
     var self = this;
     self.data.richTextHTML = self.data.richTextHTML.replace(/\\<img/g, \'<img style="width:100%;height:auto;display:block"\')
     .replace(/em;/g,\'rpx;\')
    .replace(/<section/g, \'<div\').replace(/\\/section>/g, \'/div>\');
   
    self.setData({
      richTextHTML: self.data.richTextHTML
    })
  },
  

  

section 目前已支持;

 

 

以上是关于小程序 rich-text 处理显示的主要内容,如果未能解决你的问题,请参考以下文章

小程序 rich-text 富文本回显 解决video节点不显示问题

小程序 rich-text 富文本回显 解决video节点不显示问题

小程序 rich-text 富文本

微信小程序rich-text中的nodes属性

微信小程序rich-text中的nodes属性

小程序rich-text接收富文本不起作用