微信小程序——富文本

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

测试范例:
微信小程序——富文本_第1张图片

<rich-text 
	nodes="
'richtest'>

'h1'>你好!

test content 'https://www.baidu.com'>This is a link

"> rich-text>

但是有如下几个问题

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

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

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

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

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

你可能感兴趣的:(小程序)