微信小程式 富文字解析

2021-08-24 20:35:32 字數 1071 閱讀 4485

把wxparse放在與page同一級目錄

wxparse裡的emojis包是可要可不要的。

1)在wxml中

src="../../wxparse/wxparse.wxml" />

class="wxparse">

is="wxparse"

data="

}" />

view>

2)在wxss中@import "../../wxparse/wxparse.wxss";3)在js中

var wxparse = require('../../wxparse/wxparse.js');

page(,

onload: function

(options) ,

success: function

(res) )}})

})

/**

* wxparse.wxparse(bindname , type, data, target,imagepadding)

* 1.bindname繫結的資料名(必填)

* 2.type可以為html或者md(必填)

* 3.data為傳入的具體資料(必填)

* 4.target為page物件,一般為this(必填)

* 5.imagepadding為當自適應是左右的單一padding(預設為0,可選)

按照以上配置就可以顯示出來了。

富文字解析之微信小程式

微信小程式在rich text元件後開始支援富文字解析,但需要對照一套自定義規則的 josn 資料格式,api 返回的富文字需要前端做資料轉換。這個主要是用於某些需要 api 直接輸出富文字的地方。比如後端輸出title欄位,但 title 欄位中有加重提示的幾個文字是需要標紅的。這種情況下後端如果...

微信小程式 rich text富文字

nodes屬性可為array和string型別,但推薦使用array.由於string型別最終也會轉為array型別 nodes分為支援兩種節點,分別為元素節點 type node 預設為元素節點 和文字節點 type text 元素節點 name 標籤名 string 是 支援部分受信任的html...

微信小程式解析富文字的幾種方法

工作中有遇到過在小程式中需要解析後台管理系統設定的富文字內容,一,可以使用wxparse外掛程式解析html 使用方法 但是博住使用後 總是報 vm3004 1 thirdscripterror html.replace is not a function at api request succes...