关于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 相关文章推荐
js 判断checkbox是否选中的操作方法
Nov 09 Javascript
jquery简单图片切换显示效果实现方法
Jan 14 Javascript
jQuery统计上传文件大小的方法
Jan 24 Javascript
使用jspdf生成pdf报表
Jul 03 Javascript
jQuery实现页面滚动时智能浮动定位
Jan 08 Javascript
JavaScript自动点击链接 防止绕过浏览器访问的方法
Jan 19 Javascript
JS实现颜色动态淡化效果
Mar 06 Javascript
Vue.js搭建移动端购物车界面
Jun 28 Javascript
JS/HTML5游戏常用算法之路径搜索算法 A*寻路算法完整实例
Dec 14 Javascript
微信接入之获取用户头像的方法步骤
Sep 23 Javascript
原生js实现自定义滚动条
Jan 20 Javascript
分享一个vue实现的记事本功能案例
Apr 11 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
在Zeus Web Server中安装PHP语言支持
2006/10/09 PHP
杏林同学录(二)
2006/10/09 PHP
thinkPHP下ueditor的使用方法详解
2015/12/26 PHP
thinkPHP模板算术运算相关函数用法分析
2016/07/12 PHP
一款Jquery 分页插件的改造方法(服务器端分页)
2011/07/11 Javascript
Function.prototype.call.apply结合用法分析示例
2013/07/03 Javascript
js获取php变量的实现代码
2013/08/10 Javascript
js简单实现根据身份证号码识别性别年龄生日
2013/11/29 Javascript
JS获取URL中参数值(QueryString)的4种方法分享
2014/04/12 Javascript
js实现简易的单数字随机抽奖(0-9)
2020/03/19 Javascript
JS表单验证的代码(常用)
2016/04/08 Javascript
jQuery基础知识点总结(必看)
2016/05/31 Javascript
JavaScript实现时间倒计时跳转(推荐)
2016/06/28 Javascript
JS实现的模仿QQ头像资料卡显示与隐藏效果
2017/04/07 Javascript
jQuery实现一个简单的验证码功能
2017/06/26 jQuery
ES6学习之变量的两种命名方法示例
2017/07/18 Javascript
9102年webpack4搭建vue项目的方法步骤
2019/02/20 Javascript
nodejs简单抓包工具使用详解
2019/08/23 NodeJs
解决layer 关闭当前弹窗 关闭遮罩层 input值获取不到的问题
2019/09/25 Javascript
Vue时间轴 vue-light-timeline的用法说明
2020/10/29 Javascript
python实现2048小游戏
2015/03/30 Python
django框架如何集成celery进行开发
2017/05/24 Python
matplotlib.pyplot画图 图片的二进制流的获取方法
2018/05/24 Python
cProfile Python性能分析工具使用详解
2019/07/22 Python
Python从文件中读取指定的行以及在文件指定位置写入
2019/09/06 Python
Pycharm debug调试时带参数过程解析
2020/02/03 Python
python3 googletrans超时报错问题及翻译工具优化方案 附源码
2020/12/23 Python
python实现录制全屏和选择区域录屏功能
2021/02/05 Python
幼儿园六一儿童节主持节目串词
2014/03/21 职场文书
合作协议书怎么写
2014/04/18 职场文书
产品包装策划方案
2014/05/18 职场文书
餐饮服务食品安全责任书
2014/07/25 职场文书
机械工程及自动化专业求职信
2014/09/03 职场文书
六一领导慰问欢迎词
2015/01/26 职场文书
2016年过年放假安排通知
2015/08/18 职场文书
Java设计模式中的命令模式
2022/04/28 Java/Android