ChartWay
ChartWay
  • 发布:2018-09-26 18:40
  • 更新:2020-04-29 16:21
  • 阅读:3771

【报Bug】rich-text组件样式问题

分类:uni-app

详细问题描述
[内容] 一般情况下,文章的内容都是富文本,里面含有各种标签,比如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]
[电话]

2018-09-26 18:40 负责人:无 分享
已邀请:
Trust

Trust - 少说废话

比较合理的方案是,在编写的时候,就设置好样式。
还有一个地方也可以处理,客户端拿到富文本信息后,通过正则在一些标签上面添加特定的class,客户端只要定义好class即可。

这个会走解析器,最终的层级结构在不同平台上会有差异,目前没有其它更好的方案。

812117994@qq.com

812117994@qq.com

正则表达式添加一个类名设置样式就好了

324800674@qq.com

324800674@qq.com

6666兄弟相当给力

1124638371@qq.com
jhuang@gfarmsh.com

jhuang@gfarmsh.com - 一个在代码路上慢慢爬行的蜗牛

richTxet都是这么写的啊

要回复问题请先登录注册