前端显示富文本处理

uniapp
<view class="detail"> <rich-text :nodes="detail.content"></rich-text> </view>
vue

<div class="news-content1" v-html="output"></div>

图片自适应处理和二次转换处理

that.$post(that.$ApiJs.getNewDetail, data, true).then(res => {
                    if (res.code == 0) {
                        that.detailArray = res.data
                        var temp = document.createElement("div");
                        temp.innerHTML = res.data.content;
                        //textContent 火狐不支持innnerText
                        var output = temp.innerText || temp.textContent;
                        temp = null;
                        const regex = new RegExp('<img', 'gi')
                        this.output = output.replace(regex, `<img style="max-width: 100%; height: auto"`);
                    }
                })