关于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 相关文章推荐
Prototype Selector对象学习
Jul 23 Javascript
JQuery扩展插件Validate 3通过参数设置错误信息
Sep 05 Javascript
使图片旋转的3种解决方案
Nov 21 Javascript
js实现文字在按钮上滚动的方法
Aug 20 Javascript
整理Javascript数组学习笔记
Nov 29 Javascript
Jquery 自定义事件实现发布/订阅的简单实例
Jun 12 Javascript
JS中作用域和变量提升(hoisting)的深入理解
Oct 31 Javascript
Bootstrap3多级下拉菜单
Feb 24 Javascript
无法获取隐藏元素宽度和高度的解决方案
Mar 07 Javascript
koa2 从入门到精通(小结)
Jul 23 Javascript
vue中用 async/await 来处理异步操作
Jul 18 Javascript
js实现贪吃蛇游戏(简易版)
Sep 29 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中intval()等int转换时的意外异常情况
2013/06/21 PHP
PHP+MYSQL实现用户的增删改查
2015/03/24 PHP
jQuery+PHP发布的内容进行无刷新分页(Fckeditor)
2015/10/22 PHP
PHP实现QQ空间自动回复说说的方法
2015/12/02 PHP
谈谈 PHP7新增功能
2015/12/16 PHP
PHP调试及性能分析工具Xdebug详解
2017/02/09 PHP
php5对象复制、clone、浅复制与深复制实例详解
2019/08/14 PHP
jQuery图片滚动图片的效果(另类实现)
2013/06/02 Javascript
JS字符串截取函数实例
2013/12/27 Javascript
js日期、星座的级联显示代码
2014/01/23 Javascript
JavaScript定时显示广告代码分享
2015/03/02 Javascript
JS实现的表格操作类详解(添加,删除,排序,上移,下移)
2015/12/22 Javascript
JS实现京东首页之页面顶部、Logo和搜索框功能
2017/01/12 Javascript
Ajax异步获取html数据中包含js方法无效的解决方法
2017/02/20 Javascript
JavaScript中的工厂函数(推荐)
2017/03/08 Javascript
webpack分离css单独打包的方法
2018/06/12 Javascript
vue实现百度下拉列表交互操作示例
2019/03/12 Javascript
通过JavaScript下载文件到本地的方法(单文件)
2019/03/17 Javascript
JavaScript迭代器的含义及用法
2019/06/21 Javascript
layui--select使用以及下拉框实现键盘选择的例子
2019/09/24 Javascript
jquery 键盘事件 keypress() keydown() keyup()用法总结
2019/10/23 jQuery
JavaScript中变量提升机制示例详解
2019/12/27 Javascript
[45:25]OG vs EG 2019国际邀请赛淘汰赛 胜者组 BO3 第一场 8.22
2019/09/05 DOTA
django rest framework之请求与响应(详解)
2017/11/06 Python
浅谈Python对内存的使用(深浅拷贝)
2018/01/17 Python
Python代码实现删除一个list里面重复元素的方法
2019/04/02 Python
Python3内置模块random随机方法小结
2019/07/13 Python
python requests使用socks5的例子
2019/07/25 Python
Python类反射机制使用实例解析
2019/12/30 Python
Python requests接口测试实现代码
2020/09/08 Python
一款纯css3实现的tab选项卡的实列教程
2014/12/11 HTML / CSS
巴西体育用品商店:Lojão dos Esportes
2018/07/21 全球购物
卡骆驰英国官网:Crocs英国
2019/08/22 全球购物
世界遗产的导游词
2015/02/13 职场文书
python爬虫之利用selenium模块自动登录CSDN
2021/04/22 Python
python前后端自定义分页器
2022/04/13 Python