1. 程式人生 > >vue富文本編輯,編輯自動預覽,單個圖片上傳不能預覽的問題解決:

vue富文本編輯,編輯自動預覽,單個圖片上傳不能預覽的問題解決:

pac themes indexof conf html_ sta spa load this


//預覽
<div class="htmlViewBox">
<p v-html="activity_html_defaultMsg" v-show="htmlDefaultMsg"></p>
<p v-show="defaultMsg==‘‘ && htmlDefaultMsg==‘‘">請在富文本編輯器內容</p>
</div>
//編輯器
<UE id="myEditor" :defaultMsg=defaultMsg :config=config ref="ue"></UE>

//處理單個圖片上傳必能立即自動預覽的問題
watch: {
‘activity_html_defaultMsg‘:{
handler (val,oldVal) {
let _this = this
let aImgUpload = ‘src="/static/UE/themes/default/images/spacer.gif"‘
if(val.indexOf(aImgUpload) >-1){
clearTimeout(timer);
let timer = setTimeout(function(){
_this.$refs.ue.getUEContent()
},1000)
}
},
deep: true
},
}

vue富文本編輯,編輯自動預覽,單個圖片上傳不能預覽的問題解決: