关于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 来进行我们的程序开发
Jun 23 Javascript
javascript数组操作方法小结和3个属性详细介绍
Jul 05 Javascript
在JavaScript中处理字符串之link()方法的使用
Jun 08 Javascript
AnjularJS中$scope和$rootScope的区别小结
Sep 18 Javascript
js实现倒计时及时间对象
Nov 15 Javascript
Angular路由简单学习
Dec 26 Javascript
js实现图片上传预览原理分析
Jul 13 Javascript
详解关于Vue版本不匹配问题(Vue packages version mismatch)
Sep 17 Javascript
JS字典Dictionary类定义与用法示例
Feb 01 Javascript
Vue自定义全局弹窗组件操作
Aug 11 Javascript
详细聊聊vue中组件的props属性
Nov 02 Vue.js
js前端设计模式优化50%表单校验代码示例
Jun 21 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
WML,Apache,和 PHP 的介绍
2006/10/09 PHP
用PHP实现浏览器点击下载TXT文档的方法详解
2013/06/02 PHP
简单的php文件上传(实例)
2013/10/27 PHP
PHP查看SSL证书信息的方法
2016/09/22 PHP
php中try catch捕获异常实例详解
2020/08/06 PHP
javascript针对DOM的应用分析(三)
2012/04/15 Javascript
jQuery随机切换图片的小例子
2013/04/18 Javascript
Javascript实现动态菜单添加的实例代码
2013/07/05 Javascript
JS实现鼠标单击与双击事件共存
2014/03/08 Javascript
JavaScript设计模式之工厂方法模式介绍
2014/12/28 Javascript
js实现感应鼠标图片透明度变化的方法
2015/02/20 Javascript
javascript实现输出指定行数正方形图案的方法
2015/08/03 Javascript
js实现把图片的绝对路径转为base64字符串、blob对象再上传
2016/12/29 Javascript
Javascript自定义事件详解
2017/01/13 Javascript
vue.js数据绑定的方法(单向、双向和一次性绑定)
2017/07/13 Javascript
vue 使用ref 让父组件调用子组件的方法
2018/02/08 Javascript
实战node静态文件服务器的示例代码
2018/03/08 Javascript
element上传组件循环引用及简单时间倒计时的实现
2018/10/01 Javascript
vue项目前端埋点的实现
2019/03/06 Javascript
[52:06]完美世界DOTA2联赛决赛日 Inki vs LBZS 第一场 11.08
2020/11/10 DOTA
Python+Django在windows下的开发环境配置图解
2009/11/11 Python
在Python中使用异步Socket编程性能测试
2014/06/25 Python
python实现在字符串中查找子字符串的方法
2015/07/11 Python
剖析Python的Twisted框架的核心特性
2016/05/25 Python
python中函数默认值使用注意点详解
2016/06/01 Python
基于Python实现的微信好友数据分析
2018/02/26 Python
使用Python监控文件内容变化代码实例
2018/06/04 Python
对numpy中的数组条件筛选功能详解
2018/07/02 Python
Python flask框架post接口调用示例
2019/07/03 Python
Python logging模块写入中文出现乱码
2020/05/21 Python
MoviePy常用剪辑类及Python视频剪辑自动化
2020/12/18 Python
详解Django关于StreamingHttpResponse与FileResponse文件下载的最优方法
2021/01/07 Python
css3简单练习实现遨游浏览器logo的绘制
2013/01/30 HTML / CSS
CLR与IL分别是什么含义
2016/08/23 面试题
评奖评优个人先进事迹材料
2015/11/04 职场文书
nginx安装以及配置的详细过程记录
2021/09/15 Servers