vue+Ueditor集成 [前后端分离项目][图片、文件上传][富文本编辑]
注意:
一、在你的UEditor网页中引用 http://xiumi.us/connect/ue/xiumi-ue-dialog-v5.js和 http://xiumi.us/connect/ue/xiumi-ue-v5.css必须在引入UEditor的
<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>引入后引入
否则会报 UE is not defined 错误。
二、 解决 The given range isn't in document. 报错,改成如下图所示就行啦
Vue2嵌入Ueditor富文本编辑器后,操作出现The given range isn't in document.报错问题解决!
三、点富文本编辑器里面秀米的小图标,弹出的框一片空白没有正确加载xiumi-ue-dialog-v5.html,解决办法如下图:
xiumi-ue-dialog-v5.html是秀米编辑器的弹出框,iframeUrl就是xiumi-ue-dialog-v5.html文件的url路径。例如我们的网站url是www.test.com/add,那html文件放在static目录下,那么iframeUrl就是: /static/xiumi-ue-dialog-v5.html,最终加载的路径就是www.test.com/static/xiumi-ue-dialog-v5.html
四、点击对勾,秀米内的编辑内容没有加载到当前的ueditor内:
这个编辑的内容要失去焦点在点击对号就可以啦。要是不失去焦点,可能默认还在编辑就不能加载到ueditor。