国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

微信小程序 rich-text的使用方法

2019-11-19 15:53:56
字體:
來源:轉載
供稿:網友

 微信小程序 rich-text的使用方法

rich-text

  • 屬性:nodes 類型:Array / String 結點列表 / HTML String
  • 全局支持class和style屬性,不支持id屬性。
  • 結點類型:type = node , name 標簽名 String 是 支持部分受信任的HTML結點,  attrs 屬性 Object 否 支持部分受信任的屬性,遵循Pascal命名法 ,  children 子結點列表 Array 否 結構和nodes一致
  • 結點類型:type = text  ,text 文本 String 是 支持entities
  • nodes 不推薦使用 String 類型,性能會有所下降
  • rich-text 組件內屏蔽所有結點的事件。
  • attrs 屬性不支持 id ,支持 class 。
  • name 屬性大小寫不敏感。
  • 如果使用了不受信任的HTML結點,該結點及其所有子結點將會被移除。
  • img 標簽僅支持網絡圖片。
<rich-text nodes="{{nodes}}" /><rich-text nodes="{{nodes1}}" /><rich-text nodes="{{nodes2}}" />

this.setData({  nodes: "<h1 style='color:red;'>html標題</h1>",  nodes1: [{   name: "h1",   attrs: {    style: "color:red",    class: "red"   },   children: [{    type: "text",    text: '結點列表標題'   }]  }],  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: '多層結點 無序列表'     }],    }, {     name: "li",     attrs: {      style: "color:red",      class: "red"     },     children: [{      type: "text",      text: '多層結點 無序列表1'     }],    }]  }]})

以上就是微信小程序 rich-text的介紹,如有疑問請留言或者到本站社區交流討論,感謝閱讀,希望能幫助到大家,謝謝大家對本站的支持!

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 宣汉县| 定西市| 桑日县| 金门县| 同仁县| 通州市| 辉南县| 琼海市| 德州市| 甘孜县| 乌鲁木齐县| 延安市| 无极县| 肥东县| 三台县| 天峻县| 新郑市| 鹰潭市| 定西市| 固安县| 竹北市| 桂林市| 和平区| 罗源县| 万州区| 青铜峡市| 潍坊市| 德昌县| 内乡县| 无极县| 屏山县| 都江堰市| 漳浦县| 资阳市| 车致| 通州市| 宁安市| 盐边县| 乃东县| 乃东县| 宁安市|