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的

        <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。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容