vue+Ueditor集成 [前后端分離項(xiàng)目][圖片合愈、文件上傳][富文本編輯]
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着茸。