详细问题描述
[内容] 一般情况下，文章的内容都是富文本，里面含有各种标签，比如h2、p、img等，但是把内容字段赋值给rich-text组件后，发现页面上无法定义富文本的样式。
重现步骤
[步骤]
[结果]
[期望]
运行环境
[系统版本]
[浏览器版本]
[IDE版本]
[手机操作系统]
[手机型号]
[mui版本]
附件
[代码片段]
JS代码
data: {
title: '详情',
id: '',
detail: {},
htmlString: ''
},
methods: {
getDetail() {
uni.request({
url: 'https://www.xxxx.com/api/article/' + this.detail.id,
success: (data) => {
if (data.statusCode == 200) {
this.htmlString = data.data.content_out;
}
},
fail: () => {
console.log('fail');
}
})
}
}css代码
.article-content img{
max-width: 50%;
}
.article-content h2{
color: #ff0000;
}[安装包]
联系方式
[QQ]
[电话]
5 个回复
Trust - 少说废话
比较合理的方案是，在编写的时候，就设置好样式。
还有一个地方也可以处理，客户端拿到富文本信息后，通过正则在一些标签上面添加特定的class，客户端只要定义好class即可。
这个会走解析器，最终的层级结构在不同平台上会有差异，目前没有其它更好的方案。
8***@qq.com - 1111
正则表达式添加一个类名设置样式就好了
5***@qq.com
666
2019-02-18 10:31
3***@qq.com
6666兄弟相当给力
1***@qq.com
6666
j***@gfarmsh.com - 一个在代码路上慢慢爬行的蜗牛
richTxet都是这么写的啊