一、微信小程序需求，有一段富文本字符串需要解析并展示在页面上；结构如下：content二、解决办法一、用过vue的都知道vue有个v-html属性，可以准换html格式并且展示；但是微信小程序提供的方法是一个新的标签【基础内容/rich-text】（微信文档传送门）；使用方法很简单：view> rich-textnodes="{{content}}">/rich-text>/view>二、属性只有两个属性类型默认值必填说明最低版本nodesarray/string[]否节点列表/HTMLString1.4.0spacestring否显示连续空格2.4.1三、官方的注意事项Bug&Tiptip:

一、微信小程序需求，有一段富文本字符串需要解析并展示在页面上；结构如下：content二、解决办法一、用过vue的都知道vue有个v-html属性，可以准换html格式并且展示；但是微信小程序提供的方法是一个新的标签【基础内容/rich-text】（微信文档传送门）；使用方法很简单：view> rich-textnodes="{{content}}">/rich-text>/view>二、属性只有两个属性类型默认值必填说明最低版本nodesarray/string[]否节点列表/HTMLString1.4.0spacestring否显示连续空格2.4.1三、官方的注意事项Bug&Tiptip:

功能是想实现这快文本超过两行变成省略号，但是因为返回的是富文本，所以不能简单的使用word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;来实现。因为富文本使用的rich-text回显的，想着直接对这个标签写上这个css，发现还是不行。安卓机的话可以正常显示，而且在模拟器上也能正常变成省略号，但是IOS真机的话不兼容。后来又尝试几次，发现需要在回显的文本中再包裹一层，在这个包裹层中写上样式，就可

功能是想实现这快文本超过两行变成省略号，但是因为返回的是富文本，所以不能简单的使用word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;来实现。因为富文本使用的rich-text回显的，想着直接对这个标签写上这个css，发现还是不行。安卓机的话可以正常显示，而且在模拟器上也能正常变成省略号，但是IOS真机的话不兼容。后来又尝试几次，发现需要在回显的文本中再包裹一层，在这个包裹层中写上样式，就可