zoukankan      html  css  js  c++  java
  • 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'); } });

        

         问题解决。

  • 相关阅读:
    JDK下载 安装 配置
    C#中的委托与事件 笔记
    转载 -- C# 中的委托和事件
    Laravel5 路由问题 /home页面无法访问
    eclipse的android智能提示设置
    svn在linux下的使用(ubuntu命令行模式操作svn)
    gdb结合coredump定位崩溃进程
    Android帧缓冲区(Frame Buffer)硬件抽象层(HAL)模块Gralloc的实现原理分析
    struct的初始化,拷贝及指针成员的使用技巧
    C++ 资源大全
  • 原文地址:https://www.cnblogs.com/youhun/p/4057564.html
Copyright © 2011-2022 走看看