アプレット:リッチテキストでラベルのスタイルを設定

1.シーン

   アプレットの開発プロセス、時にはH5タグで、バックデータを要求し、あなたの言葉を表示:H5ラベルがページに表示されます

   方法:<リッチテキストモード= "{{情報}}"> </リッチテキスト>タグの構文解析H5

   現象:解析した画像、テキストや他のスタイルを設定する必要があります

 

2.方法

   (1)クラス名を追加するために定期的なラベルを使用して

   (2)あなたは、このような名前に書きたいスタイルに

   (3)  

  • JS - 定期的なクラス名を加えた請求項の使用:背面からのデータ要求情報
      情報= 情報
          .replace( /<p([\s\w"=\/\.:;]+)((?:(style="[^"]+")))/ig、 '<P' 
          .replace( /<p([\s\w"=\/\.:;]+)((?:(class="[^"]+")))/ig、 '<P' ) 置き換え( / <P> / IG、 '<Pクラス= "p_class">' 

          .replace( /<img([\s\w"-=\/\.:;]+)((?:(height = "[^"] + ")))/ IG、 '<IMG $ 1' 
          .replace( /<img([\s\w"-=\/\.:;]+)((?:(width = "[^"] + ")))/ IG、 '<IMG $ 1' 
          .replace( /<img([\s\w"-=\/\.:;]+)((?:(style = "[^"] + ")))/ IG、 '<IMG $ 1'
          .replace( /<img([\s\w"-=\/\.:;]+)((?:(alt="[^"]+")))/ig、 '<IMG $ 1' 
          .replace(/<img([\s\w"-=\/\.:;]+)/ig、 '<IMG $ 1クラス= "フォー"')

this.setData({
情報:先
})

    

  • 定義されたスタイルシート - レスで
  リッチテキスト { 670rpx
      表示ブロック ; 
      フォントサイズ28rpx#353535 ; 
      文字間隔1rpx

      .p_class { 
        行の高さ46rpx
        テキストインデント60rpx
        マージン下20rpx
      } 

      .pho { 
        表示ブロック670rpx重要!
        高さ330rpx
        国境半径20rpx
      } 

    }

 

おすすめ

転載: www.cnblogs.com/ljr210/p/11058191.html