EasyUI在window中使用kindeditor 4.1.10在IE9中不能回显、获得焦点编辑的问题

描述：kindeditor4.1.10版本是当前最新的版本，在浏览器兼容性和功能方面都是值得一赞的，在开发中能方便快捷的满足一些开发需求。

问题：问题总是有的。在使用过程中，遇到EasyUI的window窗口中使用kindeditor编辑框，点击打开之后，在IE9中不能回显（修改功能）、获得焦点编辑。

其他IE版本、火狐、chrome等常用浏览器都没问题。

问题原因：经过跟踪调试测试，初步了解问题原因在于，页面EasyUI和kindeditor样式加载顺序不一致，对应的ID选择器也不能正确的匹配到正确的页面属性。

问题解决灵感来源于官方提供的事例页面 http://kindeditor.net/ke4/examples/dynamic-load.html

换种加载方式，在对应的window窗口打开时，我们初始化kindeditor控件，进行展示，并在关闭时移除。

解决方式：

//解决IE9 不能编辑

            var editor;
            $('#I').window({
                onOpen : function(){
                    editor = KindEditor.create('#groupinforemark', {
                        resizeType : 1,
                        allowPreviewEmoticons : false,
                        allowImageUpload : false,
                        minWidth : 500,
                        items : [
                            'fontname', 'fontsize', '|', 'forecolor', 'hilitecolor', 'bold', 'italic', 'underline',
                            'removeformat', '|', 'justifyleft', 'justifycenter', 'justifyright', 'insertorderedlist',
                            'insertunorderedlist', '|', 'emoticons', 'image', 'link']
                    });
                },
                onBeforeClose: function () {
                    // 关闭Dialog前移除编辑器
                       KindEditor.remove('#groupinforemark');
                    }
            });

问题解决。

EasyUI在window中使用kindeditor 4.1.10在IE9中不能回显、获得焦点编辑的问题

相关推荐