Ueditor富编辑器做弹出或是某些情况第二次打开的时候会渲染失败
来源:互联网 发布:淘宝买家号可以开店吗 编辑:程序博客网 时间:2024/06/10 15:21
今天在做个弹出页面中需要富文本编辑,整个系统架构的富文本都是用Ueditor;
所以这里也是使用UE.getEditor("container");
但第一次弹出渲染正常,当第二次就不能正常渲染了,通过百度找到几种方法一一尝试最终找到:
UE.delEditor("container");//可能是缓存问题导致的,因此先删除缓存中已有的富文本,
UE.getEditor("container");//再重新渲染
一切正常,但在ie中又不起作用(stupid IE,go to die 吧 IE);
探究其原因原来是ueditor.all.js中的delEditor方法中调用的destroy方法,中用到var container = me.container.parentNode; parentNode为空,因此会不执行;
第一种方法是只能修改ueditor.all.js文件,但开发中不喜欢修改第三方库,以免造成以后更新会覆盖而导致bug再现,但又没测试到的问题;(不推荐)
第二种方法是:观察ueditor.all.js文件,原来getEditor其实就是调用ueditor api中的方法,将渲染实例,存入数组instances[]中,由此而引发缓存问题,二次不能渲染问题;
那解决起来就比较简单:
正常渲染某个container为富文本的做法是:UE.getEditor("container");但这里我们不用这个方法,我们直接自己模仿ueditor.all.js中getEditor()方法来实现container的渲染:
var editor = new UE.ui.Editor(opt);
editor.render(id);
其中opt,id就是UE.getEditor(id,[opt])方法的签名,opt是可选项,而且可以看出,如果一个页面渲染多个container;editor只需实例化一次就ok
var editor = new UE.ui.Editor(opt);
editor.render(id1);
editor.render(id2);
editor.render(id3);
- Ueditor富编辑器做弹出或是某些情况第二次打开的时候会渲染失败
- Ueditor富编辑器第二次打开的时候会渲染失败
- Ueditor富编辑器第二次打开的时候会渲染失败
- 富文本web编辑器--ueditor的使用
- 百度富文本编辑器Ueditor的使用
- 富文本编辑器Ueditor的使用
- 关于富文本编辑器Ueditor的使用
- ueditor富文本编辑器的使用
- 百度Ueditor富文本编辑器的使用
- UEditor富文本编辑器的使用
- UEditor富文本编辑器的使用
- 富文本编辑器ueditor的使用实践
- 富文本编辑器UEditor的配置使用方法
- 富文本编辑器UEditor的配置使用方法
- 富文本编辑器UEditor的配置使用方法
- UEditor富文本编辑器的简单入门
- 趣拍SDK的使用其他颜色渲染,和第二次录制的时候会崩溃问题
- 富文本编辑器ueditor
- ios-事件的产生和传递
- Spring4MVC json问题(406 Not Acceptable)解析
- Chrome 控制台实用指南
- 【Angular2】如何搭建Angular2的环境
- sssssssssssss
- Ueditor富编辑器做弹出或是某些情况第二次打开的时候会渲染失败
- 限制显示的字数,并用省略号代替省略掉的子
- Android 6.0 及以上运行时权限处理
- ubuntu17.04下搭建LNMP
- UE4 五个最常见的基类
- vue中如何将html字符串转化为html
- 理财-基金投入比例
- iOS开发中的权限适配问题总结
- 3DSlicer5:开发者必晓ABC