关于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 相关文章推荐
javascript ie6兼容position:fixed实现思路
Apr 01 Javascript
JS数组的赋值介绍
Mar 10 Javascript
javascript中的nextSibling使用陷(da)阱(keng)
May 05 Javascript
javascript实现的一个带下拉框功能的文本框
May 08 Javascript
JavaScript截取字符串的2个函数介绍
Aug 27 Javascript
浅谈 javascript 事件处理
Jan 04 Javascript
分享使用AngularJS创建应用的5个框架
Dec 05 Javascript
webpack中引用jquery的简单实现
Jun 08 Javascript
JS中实现隐藏部分姓名或者电话号码的代码
Jul 17 Javascript
详解vue后台系统登录态管理
Apr 02 Javascript
laydate只显示时分 不显示秒的功能实现方法
Sep 28 Javascript
Vue Mint UI mt-swipe的使用方式
Jun 05 Vue.js
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/12/05 PHP
php旋转图片90度的方法
2013/11/07 PHP
yii操作session实例简介
2014/07/31 PHP
对PHP PDO的一些认识小结
2015/01/23 PHP
php检查函数必传参数是否存在的实例详解
2017/08/28 PHP
Firefox 无法获取cssRules 的解决办法
2006/10/11 Javascript
js跟随滚动条滚动浮动代码
2009/12/31 Javascript
jquery实现点击消失的代码
2014/03/03 Javascript
jQuery formValidator表单验证
2016/01/07 Javascript
Angularjs中UI Router的使用方法
2016/05/14 Javascript
jQuery height()、innerHeight()、outerHeight()函数的区别详解
2016/05/23 Javascript
Bootstrap CSS组件之大屏幕展播
2016/12/17 Javascript
js实现打地鼠小游戏
2017/02/13 Javascript
在node中如何使用 ES6
2017/04/22 Javascript
通过封装scroll.js 获取滚动条的值
2018/07/13 Javascript
解决Vue.js由于延时显示了{{message}}引用界面的问题
2018/08/25 Javascript
JS+canvas五子棋人机对战实现步骤详解
2020/06/04 Javascript
对于Python的Django框架使用的一些实用建议
2015/04/03 Python
python中map、any、all函数用法分析
2015/04/21 Python
python爬虫之urllib3的使用示例
2018/07/09 Python
20行python代码的入门级小游戏的详解
2019/05/05 Python
Python中函数参数匹配模型详解
2019/06/09 Python
Python 如何优雅的将数字转化为时间格式的方法
2019/09/26 Python
Python二维数组实现求出3*3矩阵对角线元素的和示例
2019/11/29 Python
Python通过Tesseract库实现文字识别
2020/03/05 Python
如何清空python的变量
2020/07/05 Python
Python如何读写CSV文件
2020/08/13 Python
AmazeUI 等分网格的实现示例
2020/08/25 HTML / CSS
vue路由实现登录拦截
2021/03/24 Vue.js
最新党员的自我评价分享
2013/11/04 职场文书
英语专业自荐书
2014/06/13 职场文书
移交协议书
2014/08/19 职场文书
终止劳动合同协议书
2014/10/05 职场文书
超市员工辞职信范文
2015/05/12 职场文书
家长意见和建议怎么写
2015/06/04 职场文书
运动会开幕式新闻稿
2015/07/17 职场文书