基础库 1.4.0 最先支持,,,,,,低版本需做兼容处理
富文本。。。。。。
| 属性 | 类型 | 默认值 | 说明 | 最低版本 |
|---|---|---|---|---|
| nodes | Array / String | [] | 节点列表 / HTML String | 1.4.0 |
支持默认事务,,,,,,包括:tap、touchstart、touchmove、touchcancel、touchend和longtap
nodes 属性推荐使用 Array 类型,,,,,,由于组件会将 String 类型转换为 Array 类型,,,,,,因而性能会有所下降
nodes
现支持两种节点,,,,,,通过type来区分,,,,,,划分是元素节点和文本节点,,,,,,默认是元素节点,,,,,,在富文本区域里显示的HTML节点
元素节点:type = node
| 属性 | 说明 | 类型 | 必填 | 备注 |
|---|---|---|---|---|
| name | 标署名 | String | 是 | 支持部分受信任的HTML节点 |
| attrs | 属性 | Object | 否 | 支持部分受信任的属性,,,,,,遵照Pascal命名法 |
| children | 子节点列表 | Array | 否 | 结构和nodes一致 |
文本节点:type = text
| 属性 | 说明 | 类型 | 必填 | 备注 |
|---|---|---|---|---|
| text | 文本 | String | 是 | 支持entities |
受信任的HTML节点及属性
全局支持class和style属性,,,,,,不支持id属性。。。。。。
| 节点 | 属性 |
|---|---|
| a | |
| abbr | |
| b | |
| blockquote | |
| br | |
| code | |
| col | span,,,,,,width |
| colgroup | span,,,,,,width |
| dd | |
| del | |
| div | |
| dl | |
| dt | |
| em | |
| fieldset | |
| h1 | |
| h2 | |
| h3 | |
| h4 | |
| h5 | |
| h6 | |
| hr | |
| i | |
| img | alt,,,,,,src,,,,,,height,,,,,,width |
| ins | |
| label | |
| legend | |
| li | |
| ol | start,,,,,,type |
| p | |
| q | |
| span | |
| strong | |
| sub | |
| sup | |
| table | width |
| tbody | |
| td | colspan,,,,,,height,,,,,,rowspan,,,,,,width |
| tfoot | |
| th | colspan,,,,,,height,,,,,,rowspan,,,,,,width |
| thead | |
| tr | |
| ul |
示例:
<!-- rich-text.wxml -->
<rich-text nodes="{{nodes}}" bindtap="tap"></rich-text>
// rich-text.js
Page({
data: {
nodes: [{
name: 'div',
attrs: {
class: 'div_class',
style: 'line-height: 60px; color: red;'
},
children: [{
type: 'text',
text: 'Hello World!'
}]
}]
},
tap() {
console.log('tap')
}
})
tip: nodes 不推荐使用 String 类型,,,,,,性能会有所下降。。。。。。tip:rich-text组件内屏障所有节点的事务。。。。。。tip: attrs 属性不支持 id ,,,,,,支持 class 。。。。。。tip: name 属性巨细写不敏感。。。。。。tip: 若是使用了不受信任的HTML节点,,,,,,该节点及其所有子节点将会被移除。。。。。。tip: img 标签仅支持网络图片。。。。。。KESION pp电子软件
KESION pp电子软件是海内领先的在线教育软件及私域社交电商软件服务提供商,,,,,,恒久专注于为企业提供在线教育软件及社交电商SaaS平台解决方案。。。。。。
公司焦点产品云开店SaaS社交电商服务平台、在线教育SaaS服务平台、教育企业数字化SaaS云平台、企微营销助手、私有化自力安排品牌网校和在线教育咨询等。。。。。。KESION 一直通过手艺立异,,,,,,提供产品和服务,,,,,,助力企业向数字化转型,,,,,,通过科技驱动商业刷新,,,,,,让商业变得更智慧!
微信小程序单选框radio radio-group 单项选择器,,,,,,内部由多个 radio/ 组成。。。。。。 属性名 类型 默认值 说明 bindchange EventHandle radio-group/中的
progress 进度条。。。。。。 属性名 类型 默认值 说明 percent Float 无 百分比0~100 show-info Boolean false 在进度条右侧显示百分比 stroke-widt