vue+Ueditor[富文本编辑](内嵌秀米,且解决秀米图片流量问题,实现图片的转存功能)

vue+Ueditor集成 [前后端分离项目][图片、文件上传][富文本编辑]

秀米的第三方对接方案

ueditor接入秀米编辑器遇到的问题

ueditor集成秀米编辑器(双向绑定数据)

注意:

一、在你的UEditor网页中引用 http://xiumi.us/connect/ue/xiumi-ue-dialog-v5.js和 http://xiumi.us/connect/ue/xiumi-ue-v5.css必须在引入UEditor的

        

        引入后引入

        否则会报 UE is not defined 错误。

vue+Ueditor[富文本编辑](内嵌秀米,且解决秀米图片流量问题,实现图片的转存功能)_第1张图片

二、  解决 The given range isn't in document. 报错,改成如下图所示就行啦

Vue2嵌入Ueditor富文本编辑器后,操作出现The given range isn't in document.报错问题解决!

vue+Ueditor[富文本编辑](内嵌秀米,且解决秀米图片流量问题,实现图片的转存功能)_第2张图片

三、点富文本编辑器里面秀米的小图标,弹出的框一片空白没有正确加载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


vue+Ueditor[富文本编辑](内嵌秀米,且解决秀米图片流量问题,实现图片的转存功能)_第3张图片

四、点击对勾,秀米内的编辑内容没有加载到当前的ueditor内: 

这个编辑的内容要失去焦点在点击对号就可以啦。要是不失去焦点,可能默认还在编辑就不能加载到ueditor。

你可能感兴趣的:(vue+Ueditor[富文本编辑](内嵌秀米,且解决秀米图片流量问题,实现图片的转存功能))