vue+Ueditor集成 [前后端分離項(xiàng)目][圖片、文件上傳][富文本編輯]

秀米的第三方對(duì)接方案

ueditor接入秀米編輯器遇到的問(wèn)題

ueditor集成秀米編輯器（雙向綁定數(shù)據(jù)）

注意：

一、在你的UEditor網(wǎng)頁(yè)中引用?http://xiumi.us/connect/ue/xiumi-ue-dialog-v5.js和?http://xiumi.us/connect/ue/xiumi-ue-v5.css必須在引入U(xiǎn)Editor的

????????<script type="text/javascript" charset="utf-8" src="ueditor.config.js"></script>

? ????? <script type="text/javascript" charset="utf-8" src="ueditor.all.min.js"> </script>引入后引入

? ? ? ? 否則會(huì)報(bào) UE is not defined 錯(cuò)誤。

二、? 解決?The given range isn't in document. 報(bào)錯(cuò),改成如下圖所示就行啦

Vue2嵌入U(xiǎn)editor富文本編輯器后，操作出現(xiàn)The given range isn't in document.報(bào)錯(cuò)問(wèn)題解決！

三、點(diǎn)富文本編輯器里面秀米的小圖標(biāo)，彈出的框一片空白沒(méi)有正確加載xiumi-ue-dialog-v5.html，解決辦法如下圖：

xiumi-ue-dialog-v5.html是秀米編輯器的彈出框，iframeUrl就是xiumi-ue-dialog-v5.html文件的url路徑。例如我們的網(wǎng)站url是www.test.com/add，那html文件放在static目錄下，那么iframeUrl就是: /static/xiumi-ue-dialog-v5.html，最終加載的路徑就是www.test.com/static/xiumi-ue-dialog-v5.html

四、點(diǎn)擊對(duì)勾，秀米內(nèi)的編輯內(nèi)容沒(méi)有加載到當(dāng)前的ueditor內(nèi)：?

這個(gè)編輯的內(nèi)容要失去焦點(diǎn)在點(diǎn)擊對(duì)號(hào)就可以啦。要是不失去焦點(diǎn)，可能默認(rèn)還在編輯就不能加載到ueditor。