关于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 表格插件整理
Apr 27 Javascript
JQuery操作三大控件(下拉,单选,复选)的方法
Aug 06 Javascript
Firefox和IE兼容性问题及解决方法总结
Oct 08 Javascript
Javascript动画效果(3)
Oct 11 Javascript
利用JavaScript实现拖拽改变元素大小
Dec 14 Javascript
AngularJS框架中的双向数据绑定机制详解【减少需要重复的开发代码量】
Jan 19 Javascript
angularjs下ng-repeat点击元素改变样式的实现方法
Sep 12 Javascript
JS添加或删除HTML dom元素的方法实例分析
Mar 05 Javascript
微信小程序事件流原理解析
Nov 27 Javascript
JS document form表单元素操作完整示例
Jan 13 Javascript
js中实现继承的五种方法
Jan 25 Javascript
JavaScript 与 TypeScript之间的联系
Nov 27 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教程之phpize使用方法
2014/02/12 PHP
ThinkPHP访问不存在的模块跳转到404页面的方法
2014/06/19 PHP
php+Memcached实现简单留言板功能示例
2017/02/15 PHP
PHP mysqli事务操作常用方法分析
2017/07/22 PHP
javascript下利用arguments实现string.format函数
2010/08/24 Javascript
JavaScript通过select动态更换图片的方法
2015/03/23 Javascript
Nodejs学习笔记之入门篇
2015/04/16 NodeJs
js实现超酷的照片墙展示效果图附源码下载
2015/10/08 Javascript
jquery关于事件冒泡和事件委托的技巧及阻止与允许事件冒泡的三种实现方法
2015/11/27 Javascript
详解jQuery Mobile自定义标签
2016/01/06 Javascript
Jquery 自定义事件实现发布/订阅的简单实例
2016/06/12 Javascript
JS倒计时实例_天时分秒
2017/08/22 Javascript
纯html+css+javascript实现楼层跳跃式的页面布局(实例代码)
2017/10/25 Javascript
layer实现关闭弹出层刷新父界面功能详解
2017/11/15 Javascript
vue实现裁切图片同时实现放大、缩小、旋转功能
2018/03/02 Javascript
基于vue.js组件实现分页效果
2018/12/29 Javascript
python中list列表的高级函数
2016/05/17 Python
python实现定时自动备份文件到其他主机的实例代码
2018/02/23 Python
使用python opencv对目录下图片进行去重的方法
2019/01/12 Python
Django中如何使用sass的方法步骤
2019/07/09 Python
Python单元测试模块doctest的具体使用
2020/02/10 Python
python利用百度云接口实现车牌识别的示例
2020/02/21 Python
浅谈sklearn中predict与predict_proba区别
2020/06/28 Python
基于python requests selenium爬取excel vba过程解析
2020/08/12 Python
python 获取计算机的网卡信息
2021/02/18 Python
浅谈HTML5新增及移除的元素
2016/06/27 HTML / CSS
台湾菁英交友:结识黄金单身的台湾人
2018/01/22 全球购物
以工厂直接定价的传奇性能:Ben Hogan Golf
2019/01/04 全球购物
机械化及自动化毕业生的自我评价分享
2013/11/06 职场文书
六一儿童节主持词
2014/03/21 职场文书
授权委托书格式模板
2014/04/03 职场文书
环保宣传标语
2014/06/12 职场文书
幼儿园中班区域活动总结
2014/07/09 职场文书
我的中国梦演讲稿400字
2014/08/19 职场文书
爱心捐赠活动简讯
2015/07/20 职场文书
一篇带你入门Java垃圾回收器
2021/06/16 Java/Android