前两天在遇到一个问题,只有在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.....