关于ckeditor在bootstrap中modal中弹框无法输入的解决方法


Posted in Javascript onSeptember 11, 2019

当在bootstrap的modal中使用ckeditor时,使用ckeditor中带弹框的功能时无法输入问题。

解决方法:在jquery和bootstrap加载之后引入fix的js,js内容:

var $modalElement = this.$element;
  $(document).on('focusin.modal', function (e) {
    var $parent = $(e.target.parentNode);
    if ($modalElement[0] !== e.target && !$modalElement.has(e.target).length
        // add whatever conditions you need here:
      &&
      !$parent.hasClass('cke_dialog_ui_input_select') && !$parent.hasClass('cke_dialog_ui_input_text')) {
      $modalElement.focus()
    }
  })

参考此网址

以上这篇关于ckeditor在bootstrap中modal中弹框无法输入的解决方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
jquery ajax提交表单数据的两种方式
Nov 24 Javascript
jquery和js实现对div的隐藏和显示方法
Sep 26 Javascript
js显示当前日期时间和星期几
Oct 22 Javascript
jQuery Easyui学习之datagrid 动态添加、移除editor
Jan 27 Javascript
jQuery插件扩展extend的简单实现原理
Jun 24 Javascript
javascript代码调试之console.log 用法图文详解
Sep 30 Javascript
vue日期组件 支持vue1.0和2.0
Jan 09 Javascript
Javascript中的async awai的用法
May 17 Javascript
详解Node中导入模块require和import的区别
Aug 11 Javascript
vue使用 better-scroll的参数和方法详解
Jan 25 Javascript
angular4 共享服务在多个组件中数据通信的示例
Mar 30 Javascript
一步步教你利用Docker设置Node.js
Nov 20 Javascript
layer弹出层扩展主题的方法
Sep 11 #Javascript
手写Vue弹窗Modal的实现代码
Sep 11 #Javascript
js回溯法计算最佳旅行线路代码实例
Sep 11 #Javascript
layer更改皮肤的实现方法
Sep 11 #Javascript
node 解析图片二维码的内容代码实例
Sep 11 #Javascript
浅谈layer的Icon样式以及一些常用的layer窗口使用方法
Sep 11 #Javascript
如何解决日期函数new Date()浏览器兼容性问题
Sep 11 #Javascript
You might like
色色整理的PHP面试题集锦
2012/03/08 PHP
PhpMyAdmin出现export.php Missing parameter: what /export_type错误解决方法
2012/08/09 PHP
PHP根据IP地址获取所在城市具体实现
2013/11/27 PHP
destoon实现调用图文新闻的方法
2014/08/21 PHP
PHP提示Cannot modify header information - headers already sent by解决方法
2014/09/22 PHP
php获取、检查类名、函数名、方法名的函数方法
2015/06/25 PHP
php微信公众号开发(3)php实现简单微信文本通讯
2016/12/15 PHP
使用php完成常见的文件上传功能(推荐)
2017/01/13 PHP
PHP生成指定范围内的N个不重复的随机数
2019/03/18 PHP
php计数排序算法的实现代码(附四个实例代码)
2020/03/31 PHP
JS在IE和FireFox之间常用函数的区别小结
2010/03/12 Javascript
vs2003 js文件编码问题的解决方法
2010/03/20 Javascript
js实现页面跳转重定向的几种方式
2014/05/29 Javascript
JavaScript支持的最大递归调用次数分析
2014/06/24 Javascript
详解AngularJs路由之Ui-router-resolve(预加载)
2017/06/13 Javascript
解决Linux无法正常安装与卸载Node.js的方法
2018/01/19 Javascript
详解关于表格合并span-method方法的补充(表格数据由后台动态返回)
2019/05/21 Javascript
Vue Router 实现动态路由和常见问题及解决方法
2020/03/06 Javascript
python之文件的读写和文件目录以及文件夹的操作实现代码
2016/08/28 Python
解决pyqt中ui编译成窗体.py中文乱码的问题
2016/12/23 Python
Python科学计算之NumPy入门教程
2017/01/15 Python
python中安装Scrapy模块依赖包汇总
2017/07/02 Python
Python判断是否json是否包含一个key的方法
2018/12/31 Python
详解Django 时间与时区设置问题
2019/07/23 Python
解决Pytorch 加载训练好的模型 遇到的error问题
2020/01/10 Python
Python3如何实现Win10桌面自动切换
2020/08/11 Python
Ellos丹麦:时尚和服装在线
2016/09/19 全球购物
美国知名珠宝首饰品牌:Gemvara
2017/10/06 全球购物
您熟悉ORM(Object-Relation Mapping)吗?请谈谈您所理解的ORM
2016/02/08 面试题
PPP协议组成及简述协议协商的基本过程
2015/05/28 面试题
个人函授自我鉴定
2014/03/25 职场文书
幼儿园的门卫岗位职责
2014/04/10 职场文书
小学教师个人先进事迹材料
2014/05/17 职场文书
团日活动总结格式
2015/05/11 职场文书
2019年房屋委托租赁合同范本(通用版)!
2019/07/17 职场文书
教你使用Pandas直接核算Excel中快递费用
2021/05/12 Python