微信小程序 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相关推荐

小程序PHP字体,微信小程序在text文本实现多种字体样式
这篇文章主要介绍了微信小程序在text文本实现多种字体样式,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下微信小程序比较特别,它的wxml只允许用自 ...
微信html字体颜色代码,微信小程序在text文本实现多种字体样式
这篇文章主要介绍了微信小程序在text文本实现多种字体样式,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下微信小程序比较特别,它的wxml只允许用自 ...
微信小程序的text 的换行
笔者也是刚刚开始学习小程序在text的组件上换行发生了疑惑看下面的代码 var text_fuzhu ='aaaa\ssss' var initData = 'this is first li ...
微信小程序的text标签实现换行，空格等
1.实现效果 2.text标签 text标签内的\n会解释为换行,而\n在view标签内会被解释为空格. text标签单个空格用\t,换行用\n. 当服务端返回的数据含有\n时候,用text标签. 3 ...
微信小程序获取text的值与获取input的输入的值
有时候我们请求后台的时候需要使用到的 1 获取text 的值首先需要把text 渲染把值写在js里面不如 wxml 写一个text <view class="container ...
微信小程序内嵌H5页面实现微信支付
背景: 在微信H5页面已经实现了微信JSAPI的网页支付,老板要求把整个业务线快速转移到微信小程序中,作为懒惰的程序员来说,直接把页面嵌套到小程序不就行了.说干就干,在小程序中设置好基本信息后,一预览 ...
微信小程序实现长按复制和点击复制
我们在进行微信小程序开发时,经常会遇到用户通过长按文字复制和用户通过点击事件复制指定内容的需求. 长按复制: 微信小程序中text标签中有一个selectable属性可以满足我们的需求,我们只需要把属 ...
支付宝、微信小程序高频知识（汇总VS对比）
汇聚支付宝.微信小程序多年开发经验,包括css样式隔离.小程序modal弹窗滚动穿透等,解决了很多这种大家都没解决的问题,以及对这两种常开发的小程序做了一些对比. 1.标签语法替换关于点击事件,在微 ...
微信小程序如何段落首行缩进
微信小程序中"text"标签首行缩进会失效,换成"view"标签用text-indent:2em;可生效.
微信小程序第一次培训
源码: <view class="box" hover-class= "boxHover"><view class="item&qu ...

微信小程序 rich-text

rich-text

微信小程序 rich-text相关推荐

最新文章

热门文章