`

在extjs集成KindEditor无法获得焦点的问题(Chrome和Firefix)

阅读更多

KindEditor版本: 3.5.2

 

BUG再现步骤:
1. 进入使用了KindEditor的页面,编辑器无法获得焦点,无法输入文字。
2. 点击编辑器上的全屏按钮,编辑器获得焦点并且可以输入文字。

3. 关闭全屏模式,仍然可以输入文字。

 

备注:用的是EXTJS集成kindeditor,但IE下一切正常。

Chrome,Firefox下一直有这问题 

期望结果:

可获得焦点,可输入文字。

 

从KindEditor3的时候就一直有这个问题。一直没有解决掉

 

 原因分析:

每次我第一次构建页面时,不会出现这个bug,而再次进入这个页面时,kindeditor这个控件不会再次重新构建,这个时候kindeditor才无法获取焦点。

后来分析我觉得这个bug引起的原因是当我们隐藏kindeidtor控件时,它失去了焦点,而第二次再次进入时,kindeditor无法再次获取焦点,所以导致kindeditor无法点击。

 

解决办法:每次进入页面时,都重新构建一个kindeditor,如果页面已经有kindeditor,先删除,再构建。问题解决了。哈哈

0
0
分享到:
评论
1 楼 storespace0930 2012-09-02  
今天碰到这个问题,每次调用时候执行
editor.remove().create();




就可以了。

相关推荐

    Extjs kindeditor整合 demo

    5. 考虑兼容性和性能:由于KindEditor和ExtJS可能有各自的版本更新,需要注意兼容性问题。同时,对于大量文本编辑,要考虑性能优化,比如延迟加载或分页加载。 通过深入研究这个示例,开发者可以学习到如何在实际...

    Extjs+Kindeditor的例子

    ExtJS和KindEditor是两个在Web开发中常用的库。ExtJS是一个强大的JavaScript框架,用于构建交互式的、数据驱动的富客户端应用。它提供了一系列组件化的UI控件,使得开发者能够轻松创建复杂的用户界面。而KindEditor...

    Extjs 集成kindeditor

    标题中的“Extjs 集成kindeditor”指的是在基于ExtJS的Web应用程序中整合KindEditor富文本编辑器的过程。ExtJS是一个强大的JavaScript框架,用于构建交互式、数据驱动的Web应用,而KindEditor则是一个功能丰富的开源...

    在Ext中集成KindEditor4.0正式版

    在Ext中集成KindEditor4.0正式版是一个常见的前端开发任务,这涉及到两个主要的JavaScript库:ExtJS和KindEditor。ExtJS是一个强大的组件化JavaScript框架,用于构建富客户端应用程序,而KindEditor则是一个功能丰富...

    extjs的HtmlEditor在chrome中高亮文字

    extjs 4.2 的HtmlEditor在chrome中高亮文字

    extjs 获取焦点

    ### ExtJS 获取焦点知识点详解 #### 一、ExtJS简介 ExtJS是一个基于JavaScript的开源前端框架,主要用于构建复杂的Web应用程序。它提供了丰富的UI组件、数据处理能力以及强大的主题定制功能,使得开发者能够轻松地...

    extjs 3.4 开发前准备

    对于EXTJS 3.4和4.1版本的共存问题,可以将它们分别打包成WAR文件,部署到Tomcat或JBoss服务器中,以避免内存溢出。访问EXTJS的API和示例,可以通过配置服务器的URL来实现。 3. EXTJS 开发环境配置 - 浏览器:推荐...

    Extjs的HtmlEidtor富文本编辑器的使用和图片上传显示的实现

    ExtJS是一个强大的JavaScript框架,主要用于构建富客户端应用。...通过学习这篇博客,开发者可以掌握如何在ExtJS应用中创建一个功能完善的富文本编辑器,包括图片上传和显示功能,从而提升应用的交互性和用户体验。

    Extjs代码编辑工具

    3. **错误检查和警告**:工具可能具有实时的语法检查功能,能够在编写过程中发现潜在的错误或不规范的代码,提前预防问题的发生。 4. **代码格式化**:提供代码格式化功能,可以按照预设的规则自动调整代码的缩进和...

    kindeditor-阿里OSS上传PHP版

    另外,提及"另有EXTJS版kindeditor类如有需要请留言"意味着该开发者可能还提供了与EXTJS框架集成的版本,这为使用EXTJS开发的项目提供了方便。 【标签】"阿里OSS上传"明确了此项目的核心功能,即通过PHP实现对阿里...

    SpringMVC+ExtJS完美集成(数据传输方式为JSON和model)

    在与SpringMVC交互时,后端的Java对象可以映射到前端的ExtJS模型,这样可以简化数据的获取和更新。例如,我们可以定义一个ExtJS模型,它的字段与SpringMVC中的实体类属性相对应,通过JSON数据进行同步。 在...

    extJs3升级extjs4方案

    ExtJS3 升级到 ExtJS4 方案 ExtJS3 升级到 ExtJS4 需要修改大量代码,主要是因为 ExtJS4 配备了一类新的系统,不向后兼容。在 ExtJS 3 里生成表的几个框架组件,ExtJS4 大多生成 div,这使得 CSS classes 将会失败...

    优化kindeditor,修改flash批量上传图片方式为H5上传,添加第三方视频代码功能,添加手机尺寸预览,粘

    KindEditor是一款广泛应用于Web开发中的开源富文本编辑器,它提供了丰富的编辑功能,使得用户可以在网页上方便地创建和编辑内容。在这个优化过程中,我们主要关注了以下几个方面: 1. **Flash批量上传图片向H5上传...

    extjs单元格无法复制

    但是,在使用 ExtJS 的 GridPanel 组件时,可能会遇到单元格无法选中复制的问题,特别是在 IE 浏览器中。今天,我们将讨论如何解决这个问题。 ExtJS GridPanel 单元格无法选中复制的问题产生的原因是由于每个单元格...

    extJS4升级至extJS6.6所遇问题及解决方案

    项目进行前端框架升级——extJS 4升级至extJS6.6所遇的一些问题及相对应的解决方案建议

    MyEclipse 集成 extjs3 Spket插件

    本话题主要关注如何在不同版本的MyEclipse中集成ExtJS3以及Spket插件,以提升Web前端开发的效率和质量。 首先,ExtJS3是一款广泛使用的JavaScript框架,它提供了丰富的用户界面组件和数据管理功能,为构建富互联网...

    extjs流程界面设计器参考_ExtJS工作流设计器_extjs工作流_extjs_

    ExtJS的Ajax接口和JSON数据模型可以帮助实现这个功能,将设计的流程图保存为JSON文件,然后在需要时加载回来。 6. **事件处理**:在设计器中,用户操作如点击、拖放都需要相应的事件处理。ExtJS的事件系统使得绑定...

    轻松搞定Extjs 带目录

    - **命名空间**: 命名空间在Extjs中用于组织和管理代码,避免变量和函数名的冲突。 #### 3. Extjs OOP Extjs支持面向对象编程,其对象模型包括: - 类的定义(Ext.extend) - 对象实例化(通过new关键字) - 原型...

    Extjs4.1 系统框架 集成权限操作流程和页面

    这个系统框架集成了完善的权限控制功能,允许开发者在应用程序中实现细致的用户访问控制,确保数据的安全性和用户的隐私。下面将详细介绍ExtJS 4.1中集成的权限操作流程和页面。 一、权限体系架构 在ExtJS 4.1中,...

    Extjs grid 中文排序问题修正

    中文排序问题通常出现在以下情况:EXTJS Grid默认的排序算法可能无法正确处理UTF-8编码的中文字符,因为中文字符的排序不能简单地通过ASCII值来比较。为了解决这个问题,我们可以自定义排序函数。 自定义排序函数的...

Global site tag (gtag.js) - Google Analytics