這篇文章主要介紹小程序怎么使用rich-text,文中介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們一定要看完!
我們注重客戶提出的每個要求,我們充分考慮每一個細節(jié),我們積極的做好成都網(wǎng)站設計、成都網(wǎng)站制作、外貿(mào)網(wǎng)站建設服務,我們努力開拓更好的視野,通過不懈的努力,創(chuàng)新互聯(lián)贏得了業(yè)內(nèi)的良好聲譽,這一切,也不斷的激勵著我們更好的服務客戶。 主要業(yè)務:網(wǎng)站建設,網(wǎng)站制作,網(wǎng)站設計,微信平臺小程序開發(fā),網(wǎng)站開發(fā),技術(shù)開發(fā)實力,DIV+CSS,PHP及ASP,ASP.Net,SQL數(shù)據(jù)庫的技術(shù)開發(fā)工程師。
微信小程序 rich-text的使用方法
rich-text
屬性:nodes 類型:Array / String 結(jié)點列表 / HTML String
全局支持class和style屬性,不支持id屬性。
結(jié)點類型:type = node , name 標簽名 String 是 支持部分受信任的HTML結(jié)點, attrs 屬性 Object 否 支持部分受信任的屬性,遵循Pascal命名法 , children 子結(jié)點列表 Array 否 結(jié)構(gòu)和nodes一致
結(jié)點類型:type = text ,text 文本 String 是 支持entities
nodes 不推薦使用 String 類型,性能會有所下降
rich-text 組件內(nèi)屏蔽所有結(jié)點的事件。
attrs 屬性不支持 id ,支持 class 。
name 屬性大小寫不敏感。
如果使用了不受信任的HTML結(jié)點,該結(jié)點及其所有子結(jié)點將會被移除。
img 標簽僅支持網(wǎng)絡圖片。
<rich-text nodes="{{nodes}}" /> <rich-text nodes="{{nodes1}}" /> <rich-text nodes="{{nodes2}}" />
this.setData({ nodes: "<h2 style='color:red;'>html標題</h2>", nodes1: [{ name: "h2", attrs: { style: "color:red", class: "red" }, children: [{ type: "text", text: '結(jié)點列表標題' }] }], nodes2: [{ name: "ul", attrs: { style: "padding:20px;border:1px solid blue;", class: "red" }, children: [ { name: "li", attrs: { style: "color:red", class: "red" }, children: [{ type: "text", text: '多層結(jié)點 無序列表' }], }, { name: "li", attrs: { style: "color:red", class: "red" }, children: [{ type: "text", text: '多層結(jié)點 無序列表1' }], }] }] })
以上是“小程序怎么使用rich-text”這篇文章的所有內(nèi)容,感謝各位的閱讀!希望分享的內(nèi)容對大家有幫助,更多相關(guān)知識,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!
網(wǎng)站欄目:小程序怎么使用rich-text
文章分享:http://bm7419.com/article30/gejgso.html
成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供移動網(wǎng)站建設、建站公司、App開發(fā)、自適應網(wǎng)站、網(wǎng)頁設計公司、網(wǎng)站建設
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)