对于解决CKEditor4富文本内容通过v-html指令解析出现图片超出屏幕的问题
<el-form-item label="产品详情"
prop="introduce">
<el-input v-html="xqlist.introduce"
:disabled="true"
placeholder="请输入产品详情" />
</el-form-item>
this.xqlist.introduce = this.xqlist.introduce.replace(/\<img /gi, '<img class="rich_pages" ')
replace()方法,返回一个替换值。通过正则在里面加一个class设置样式
.rich_pages {
width: 100% !important;
}