マイクロ手紙アプレットリッチテキスト分析方法

1.あなたはwxParseプラグ解析HTMLを使用することができます

2.ダウンロードし、自分の小さなプロジェクトをプログラムにコピー
ここに画像を挿入説明
グローバルスタイルの設定3.に

@import "./wxParse/wxParse.wxss";

プラグインのページを呼び出すために必要で導入4. JS

import { shopModel, couponModel } from '../../apis/index.js';
var WxParse = require('../../wxParse/wxParse.js');
 onLoad(options) {
      let {  uid, scene } = options;
        let that = this; 
      uid = uid || '';
        this.setData({
            uid,
        }); 
 
      shopModel.getDetail({ uid }).then((d) => {
      let detail = d.data;
      that.setData({
        detail
      }) 
      let space = wx.getSystemInfoSync().windowWidth / 750 * 30;
      /*** WxParse.wxParse(bindName , type, data, target,imagePadding)
		* 1.bindName绑定的数据名(必填)
		* 2.type可以为html或者md(必填)
		* 3.data为传入的具体数据(必填)
		* 4.target为Page对象,一般为this(必填)
		* 5.imagePadding为当图片自适应是左右的单一padding(默认为0,可选)
		* */  
		if (detail.about) {
		  WxParse.wxParse('about', 'html', detail.about, that, space);
        }  
      })
    },

5.wxml

<import src="../../wxParse/wxParse.wxml"/>
<view wx:if="{{detail.about}}" class="wxParse">
      <template is="wxParse" data="{{wxParseData:about.nodes}}"/>
</view> 
公開された55元の記事 ウォンの賞賛6 ビュー10000 +

おすすめ

転載: blog.csdn.net/qq_37916164/article/details/101208312