码迷,mamicode.com
首页 > 微信 > 详细

小程序 rich-text 处理显示

时间:2019-11-06 18:35:57      阅读:195      评论:0      收藏:0      [点我收藏+]

标签:图片   ons   text   bind   程序   highlight   show   com   fun   

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 处理显示

标签:图片   ons   text   bind   程序   highlight   show   com   fun   

原文地址:https://www.cnblogs.com/congxueda/p/11806931.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!