適応リッチテキストアプレット<img>タグを制御する方法

アプレットは、HTMLに、すなわち<リッチテキストノード=「{文字列を実装 {HTML}}」> </リッチテキスト> リッチテキストによって。文字列は、HTMLのimgタグが含まれており、IMGは適応ではない、どのようにそれを解決することができますか?
  ここでのソリューションです

二つの方法で:

  1. IMGは、クラスを追加でapp.wxssまたはpage.wxssでスタイルを指定します。

  2. IMGのスタイルを追加します

    まず、JSON形式にデータ列を分割して
     VAR jsonDa = JSON.stringify(res.data.data.ques).replace (/ <IMG / GI、「<IMGクラス= 'richImg'style ='幅:!重要自動。 高さ:重要な自動; :! 100%、最大高さ;幅:100%;「'); 
     VAR = newResData JSON.parse(jsonDa); 
        はconsole.log(newResData); //データは、IMGを含むタグを持っていますrichImgクラス
    this.setData({ 
        arrList:newResDataは
    })
    
    
    
    app.wxss 
    リッチテキスト.richImg { 
      MAX-幅:100%; 
      最大高さ:100%; 
      左の縦アライン=:;中央
      :オート重要;!高さ
      幅:オート!重要; 
    }
    

      

おすすめ

転載: www.cnblogs.com/lvxisha/p/11584444.html