微信小程序——富文本

在微信小程序裏是支持使用富文本的。使用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;
}

因此，不能給類的後代元素標籤定義樣式。也就是說，每個想要定義樣式的元素，必須要有類，這需要對原始的富文本內容進行處理。

建議：儘量不要使用富文本