微信小程序-wxParse加載富文本

小程序中加載富文本有三種方式:

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暫時點擊不了,還不清楚要怎么解決,等我找到方法再來分享

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

友情鏈接更多精彩內容