处理富文本图片

346149741

2024-06-24 56af69511ed06af0950e5b22a92c00a6b74ad20a

处理富文本图片

 pages/hqzc/details.vue

@@ -11,7 +11,7 @@
                发布时间：{{msg.createTime}}
            </view>
        </view>
        <view v-html="msg.docContent">
        <view style="margin-top: 20rpx;" v-html="msg.docContent">
            
        </view>
    </view>
@@ -38,6 +38,7 @@
                    this.msg = val.data.data
                    this.msg.createTime = this.msg.createTime.slice(0, 10)
                    this.msg.docContent = decodeURIComponent(this.msg.docContent)
                    this.msg.docContent = this.msg.docContent.replace(/\<img/gi, '<img style="max-width:100%;height:auto;"')
                    console.log(this.msg.docContent)
                    getDicts('doc_type').then(val => {
                        console.log(this.msg.docType)
@@ -55,6 +56,9 @@

</style>
<style scoped lang="scss">
    img{
        width: 100%;
    }
    .box{
        padding: 32rpx;
    }