全网整合营销服务商

营销型网站+SEO优化+关键词快排=一站式服务

免费咨询热线:15959292472

[宝鸡seo公司]微信小程序之rich-text教程详解

  这篇文章主要介绍了 微信小程序 rich-text的使用方法的相关资料,这里提供属性及方法并实现实例,帮助大家学习理解△▷○△,[seo技术外包公司]微信小程序之http请求封装详解及实例代码,需要的朋友可以参考下

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

  rich-text

  

  •  

      属性◇-:nodes 类型▪○:Array / String 结点列表 / HTML String

      

  •  

      全局支持class和style属性,[宝鸡seo公司]不支持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教程详解的详细内容▪●▽■,更多请关注久澳传媒编程栏目其它相关文章!

[宝鸡seo公司]微信小程序之rich-text教程详解

您的项目需求

*请认真填写需求信息,我们会在24小时内与您取得联系。