微信小程序——富文本

在微信小程序里是支持使用富文本的。使用rich-text组件，官方链接：https://developers.weixin.qq.com/miniprogram/dev/component/rich-text.html

测试范例：

<rich-text 
	nodes="<div class='richtest'>
				<h1 class='h1'>你好!</h1>
				<p>
					test content
					<a href='https://www.baidu.com'>This is a link</a>
				</p>
			<div>">
</rich-text>

但是有如下几个问题：

1. a链接是失效的，点击并不能跳转
2. 样式中，类选择器有效，标签选择无效

标签选择器无效有什么问题呢？以上面的范例为例，

/*无效*/
h1{
  color: red;
}

/*有效*/
.h1{
  color: red;
}

/*无效*/
.richtest h1{
  color: red;
}

因此，不能给类的后代元素标签定义样式。也就是说，每个想要定义样式的元素，必须要有类，这需要对原始的富文本内容进行处理。

建议：尽量不要使用富文本