小程序中加載富文本有三種方式:
1、rich-text:rich-text解析富文本的難點在于怎么把html/html5轉換成符合小程序要求的nodes
2、wxParse:功能據說很強大
3、web-view:web-view官方文檔中介紹的src,接收的是網頁鏈接,對于富文本的加載可能就行不通了吧,我沒搞過,不太清楚
所以還是記錄一下wxParse吧
下載wxParse文件
git地址:https://github.com/icindy/wxParse

將此文件放在你的工程里,在你想引用的js和wxml文件中,進行引用,注意你的路徑
js文件:
var WxParse = require('../../../wxParse/wxParse.js');
wxml文件:
<import src="../../../wxParse/wxParse.wxml" />
然后在你得到網絡請求數據那里,寫上這句:WxParse.wxParse('detail','html',dataDic.data.PlayDesc,that,0);
/*
參數一:bindName - 跟wxml中綁定的數據,保持一致
參數二:type - 類型可以為html或md,必填
參數三:data - 你要加載的富文本數據,必填
參數四:target - 為Page對象,一般為this,必填
參數五:imagePadding - 為當圖片自適應是左右的單一padding (默認為0,非必填)
*/
WxParse.wxParse('detail','html',dataDic.data.PlayDesc,that,0);
wxml中
<scroll-view style="height:{{storyHeight}}px;" scroll-y="true" >
? ? ? ? <template is="wxParse" data="{{wxParseData:detail.nodes}}"/>
? ? </scroll-view>
以上就是加載富文本的過程,不過項目中的富文本,還有點擊鏈接事件,用wxParse暫時點擊不了,還不清楚要怎么解決,等我找到方法再來分享