关于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温习篇 强大的JQuery选择器
Apr 24 Javascript
jQuery图片的展开和收缩实现代码
Apr 16 Javascript
Ext中下拉列表ComboBox组件store数据格式用法介绍
Jul 15 Javascript
使用delegate方法为一个tr标签加一个链接
Jun 27 Javascript
针对JavaScript中this指向的简单理解
Aug 26 Javascript
JS实现鼠标移上去显示图片或微信二维码
Dec 14 Javascript
vue-router 源码之实现一个简单的 vue-router
Jul 02 Javascript
Vue配合iView实现省市二级联动的示例代码
Jul 27 Javascript
Vue el-autocomplete远程搜索下拉框并实现自动填充功能(推荐)
Oct 25 Javascript
使用vue构建多页面应用的示例
Oct 22 Javascript
vue使用vant中的checkbox实现全选功能
Nov 17 Vue.js
原生JS中应该禁止出现的写法
May 05 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 错误之引号中使用变量
2009/05/04 PHP
php pdo操作数据库示例
2017/03/10 PHP
YII框架页面缓存操作示例
2019/04/29 PHP
setTimeout和setInterval的浏览器兼容性分析
2007/02/27 Javascript
javascript一些实用技巧小结
2011/03/18 Javascript
在IE和VB中支持png图片透明效果的实现方法(vb源码打包)
2011/04/01 Javascript
用dtree实现树形菜单 dtree使用说明
2011/10/17 Javascript
服务器端的JavaScript脚本 Node.js 使用入门
2012/03/07 Javascript
利用js的Node遍历找到repeater的一个字段实例介绍
2013/04/25 Javascript
jquery easyui滚动条部分设置介绍
2013/09/12 Javascript
javascript中Object使用详解
2015/01/26 Javascript
json定义及jquery操作json的方法
2016/09/29 Javascript
Bootstrap栅格系统的使用和理解2
2016/12/14 Javascript
Bootstrap Table使用整理(四)之工具栏
2017/06/09 Javascript
教你使用vue-cli快速构建的小说阅读器
2019/05/13 Javascript
监控微信小程序中的慢HTTP请求过程详解
2019/07/05 Javascript
多个vue子路由文件自动化合并的方法
2019/09/03 Javascript
浅谈vue获得后台数据无法显示到table上面的坑
2020/08/13 Javascript
[00:35]2016完美“圣”典风云人物:冷冷宣传片
2016/12/08 DOTA
[06:43]2018DOTA2国际邀请赛寻真——VGJ.Thunder
2018/08/11 DOTA
Python 创建空的list,以及append用法讲解
2018/05/04 Python
python实现输入数字的连续加减方法
2018/06/22 Python
Python不同目录间进行模块调用的实现方法
2019/01/29 Python
连接pandas以及数组转pandas的方法
2019/06/28 Python
将python安装信息加入注册表的示例
2019/11/20 Python
Django filter动态过滤与排序实现过程解析
2020/11/26 Python
英国图书音像网站:Hive.co.uk(图书、电子书、DVD、蓝光、音乐CD等)
2017/10/16 全球购物
美国隐形眼镜销售网站:ContactsDirect
2017/10/28 全球购物
荣耀商城:HIHONOR
2020/11/03 全球购物
请问软件开发中的设计模式你会使用哪些
2015/05/13 面试题
小学教育毕业生自荐信
2013/11/18 职场文书
财会自我鉴定范文
2013/12/27 职场文书
电力公司个人求职信范文
2014/02/04 职场文书
仓管岗位职责范本
2014/02/08 职场文书
《那片绿绿的爬山虎》教学反思
2014/02/27 职场文书
2016年毕业实习心得体会范文
2015/10/09 职场文书