关于ueditor加载显示的问题

前台采用:bootstrap+ueditor

遇到的问题:
1、ueditor第一次加载正常显示,并且上传图片、视频可以操作;但是,再次加载ueditor的时候,富文本编辑器加载不出来。
解决方法(这是网上大佬们的做法)
方法1:

UE.delEditor('editor');   //先删除之前实例的对象
UE.getEditor('editor');    //添加编辑器

方法2:

UE.getEditor('editor').render('editor');   //使用之前的对象(同时渲染DOM)


但是,采用上述方法还是遇到了问题。

采用方法1时,遇到的问题:
第一次加载编辑器时正常显示并且可以上传图片、视频等操作。但是,第二次加载编辑器时(包括之后的操作),还是能正常显示编辑器,不过,上传图片、视频等操作不能进行。

采用方法2时,遇到的问题:
第一次加载编辑器时,显示两个编辑器,并且两个编辑器都可以正常编辑和上传。
但是,从第二次加载编辑器时,编辑器都可以正常显示和正常上传。

总结:
网上说两种方法都行,结果我就不行,我也很无奈。。。。。。

我的解决方法
我采用第二种方法的改进方法。

灵感来源与解决方法
由于解决方法2第一次加载了两个编辑器,后面正常。所以,我加载编辑器所在页面前,我就将一个编辑器(隐藏起来)放在真正要加载编辑器页面之前的页面上加载,之后再加载编辑器所在的页面。之后点击加载编辑器所在页面时就正常显示和正常上传。

你可能感兴趣的:(前端)