UEditor在firefox下报错TypeError: this.selection.getNative(...) is null

前两天在遇到一个问题,只有在firefox的下才会存在这个情况,当一个页面存在多个UEditor的时候,并且需要用到隐藏,也就是tab选项卡的那种。在这种条件下,当我创建编辑器后,只能识别到第一个编辑器,后面的编辑器都没有效果,一个空壳子。效果图如下:

第一个编辑器正常:


以下是第二个和第三个:



以下是报错信息:



并且无法设置除第一个以外的默认的内容。经过一番调试,终于找到了问题,不知道这个是不是百度编辑器的bug,当编辑器的div初始化的时候进行隐藏后就会出现这样的情况,我的解决方法如下:

当进入页面的时候,让隐藏的对于编辑器的div显示(不能在html里面直接使用display:none的属性,不然也会产生上面的bug,可以使用hide()属性)

$('#aaa,#bbb,#ccc').show();

然后等编辑器的内容设置好之后,我们在进行隐藏,以后在怎么点击都没问题了

editor.setContent('编辑器一的内容');
editor_1.setContent('编辑器二的内容');
editor_2.setContent('编辑器三的内容');
//消息内容已设置完毕,开始隐藏,让其恢复正常
$('#aaa,#bbb,#ccc').hide();

恢复正常效果我发一个就够了:


如果有遇到此问题的,有更好的解决办法,希望分享,大家相互学习,thanks!

....end.....

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值