微信小程序中富文本的使用方法

  介绍

这篇文章将为大家详细讲解有关微信小程序中富文本的使用方法,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

<强>微信小程序富文本的使用方法

<>强富文本

<李>

属性:节点类型:数组、字符串结点列表/HTML字符串

<李>

全局支持类和风格属性,不支持身份证属性。

<李>

结点类型:type=节点名称标签名字符串是支持部分受信任的HTML结点,,attrs属性对象否支持部分受信任的属性,遵循帕斯卡命名法,,孩子子结点列表数组否结构和节点一致

<李>

结点类型:type=文本,文本文本字符串是支持实体

<李>

节点不推荐使用字符串类型、性能会有所下降

<李>

富文本组件内屏蔽所有结点的事件。

<李>

attrs属性不支持身份证、支持类。

<李>

名称属性大小写不敏感。

<李>

如果使用了不受信任的HTML结点,该结点及其所有子结点将会被移除。

<李>

img标签仅支持网络图片。

& lt; rich-text 节点=皗{节点}}“,/比;=& lt; rich-text 节点“{{nodes1}}“,/比;=& lt; rich-text 节点“{{nodes2}}“,/在

微信小程序中富文本的使用方法

this.setData ({   节点:,才能“& lt; h2 风格=& # 39;颜色:红色;& # 39;在html标题& lt;/h2>“   ,,nodes1: [{   ,,,的名字:“h2",   ,,,attrs: {   ,,,风格:,“颜色:red",   ,,,类:,“red"   ,,},   ,,,孩子们:[{   ,,,类型:,“text",   文本:,,,,& # 39;结点列表标题& # 39;   ,,}]   }),才能   ,,nodes2: [{   ,,,的名字:“ul",   ,,,attrs: {   ,,,风格:,“填充:20 px;边界:1 px  solid 蓝色;“   ,,,类:,“red"   ,,},   ,,,孩子们:[   ,,,{   ,,,,名字:,“li",   ,,,,attrs:, {   ,,,,,风格:,“颜色:red",   ,,,,,类:,“red"   ,,,,},   ,,,,孩子们:,[{   ,,,,,类型:,“text",   ,,,,,:,& # 39;多层结点,无序列表& # 39;   ,,,,},   ,,,},{   ,,,,名字:,“li",   ,,,,attrs:, {   ,,,,,风格:,“颜色:red",   ,,,,,类:,“red"   ,,,,},   ,,,,孩子们:,[{   ,,,,,类型:,“text",   ,,,,,:,& # 39;多层结点,无序列表1 & # 39;   ,,,,},   ,,,}]   })才能   })

关于“微信小程序中富文本的使用方法”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看的到。

微信小程序中富文本的使用方法