【小程序】使用wxParse解析html

小程序在開發(fā)時,讀取到服務(wù)器的內(nèi)容是html格式的,因小程序不支持html格式的內(nèi)容顯示的,因此要對html格式的內(nèi)容進行編譯,可以通過wxParse來實現(xiàn)。

wxParse下載地址

實現(xiàn)方法:

  1. 將下載下來的wxParse文件夾復(fù)制到開發(fā)項目的根目錄下。
  2. 在小程序頁面對應(yīng)的wxss文件中引用wxParse.wxss
    @import "../../wxParse/wxParse.wxss";
    
  3. 在小程序頁面對應(yīng)的js文件中引用wxParse.js,并使用
var WxParse = require('../../wxParse/wxParse.js');

Page({
  data: {

  },
  onLoad: function () {
    const that = this;

    var article = "<p>避免用不干凈的手去碰手術(shù)傷口,以免引起細菌感染;術(shù)后姿勢要注意,睡覺時枕高頭部,有助于消腫;術(shù)后冷敷只需要1~2天,之后要熱敷,熱敷可以幫助血液循環(huán);可以適量服用消炎藥;恢復(fù)前不能佩戴隱形眼鏡;飲食盡量清淡,不要吃海鮮、辛辣等食物。</p>" +
      "<p><font color=\"#e8714f\"><br /></font></p>" +
      "<p><font color=\"#e8714f\">現(xiàn)在正流行的韓式三點雙眼皮,和切開法、埋線法相比較,區(qū)別在哪里?</font></p>" +
      "<p>韓式三點算是部分切開法,手術(shù)的切口是三個小點,它的優(yōu)點是只有三個小痕跡,不明顯,缺點是只能去脂肪,不能去皮。完全切開法是切開一條長線,可以去脂去皮。而埋線的話則是沒有切口,不能去脂去皮,只是通過縫合的方法來打造雙眼皮。韓式三點適合眼皮比較薄,眼部脂肪不多、皮膚不松的人,輕微的腫泡眼也可以做。所以也可以理解為適合</p>" +
      "<p>做埋線的就適合做韓式三點。</p>" +
      "<p><font color=\"#e8714f\"><br /></font></p>" +
      "<p><font color=\"#e8714f\">做了雙眼皮會不會影響我的視力?</font></p>" +
      "<p>上眼皮,下眼皮,眼球的視覺系統(tǒng)是三個相對獨立的解剖生理結(jié)構(gòu)和部位,所以手術(shù)是不會對視力產(chǎn)生影響的。</p>"
      
    /**
    * WxParse.wxParse(bindName , type, data, target,imagePadding)
    * 1.bindName綁定的數(shù)據(jù)名(必填)
    * 2.type可以為html或者md(必填)
    * 3.data為傳入的具體數(shù)據(jù)(必填)
    * 4.target為Page對象,一般為this(必填)
    * 5.imagePadding為當(dāng)圖片自適應(yīng)是左右的單一padding(默認為0,可選)
    */
    
    WxParse.wxParse('article', 'html', article, that, 5);
  }
})
  1. 在小程序頁面對應(yīng)的wxml文件中引用wxParse.wxml
<import src="../../wxParse/wxParse.wxml"/> 
<view class="wxParse">
    <template is="wxParse" data="{{wxParseData:article.nodes}}"/>
</view>

wxParse高級用法

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

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容