关于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实例教程(19) 使用HoTMetal(7)
Dec 23 Javascript
jquery文本框中的事件应用以输入邮箱为例
May 06 Javascript
node.js中的http.createClient方法使用说明
Dec 15 Javascript
jQuery实用技巧必备(下)
Nov 03 Javascript
JS仿京东移动端手指拨动切换轮播图效果
Apr 10 Javascript
vue实现todolist单页面应用
Apr 11 Javascript
JS+HTML5实现图片在线预览功能
Jul 22 Javascript
vue中的ref和$refs的使用
Nov 22 Javascript
Angular7中创建组件/自定义指令/管道的方法实例详解
Apr 02 Javascript
微信小程序 image组件遇到的问题
May 28 Javascript
JS 图片压缩原理与实现方法详解
Apr 29 Javascript
关于JavaScript回调函数的深入理解
Jun 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学习笔记(一):基本语法之标记、空白、和注释
2015/04/17 PHP
Laravel 5.5基于内置的Auth模块实现前后台登陆详解
2017/12/21 PHP
PHP实现将上传图片自动缩放到指定分辨率,并保持清晰度封装类示例
2019/06/17 PHP
PHP使用 Imagick 扩展实现图片合成,圆角处理功能示例
2019/09/09 PHP
php连接mysql数据库最简单的实现方法
2019/09/24 PHP
php 多进程编程父进程的阻塞与非阻塞实例分析
2020/02/22 PHP
jquery 查找select ,并触发事件的实现代码
2011/03/30 Javascript
解析ScrollPic在ie8下只滚动一遍,然后变为空白 ie6,ie7,chrome,firefox正常
2013/06/26 Javascript
jQuery实现首页顶部可伸缩广告特效代码
2015/04/15 Javascript
jQuery中ajax的load()与post()方法实例详解
2016/01/05 Javascript
vue实现可增删查改的成绩单
2016/10/27 Javascript
基于ajax与msmq技术的消息推送功能实现代码
2016/12/26 Javascript
javascript算法之二叉搜索树的示例代码
2017/09/12 Javascript
JavaScript原生实现观察者模式的示例
2017/12/15 Javascript
关于ES6箭头函数中的this问题
2018/02/27 Javascript
基于Vue+element-ui 的Table二次封装的实现
2018/07/20 Javascript
vue中利用three.js实现全景图的完整示例
2020/12/07 Vue.js
[02:21]DOTA2英雄基础教程 蝙蝠骑士
2013/12/16 DOTA
Python模块搜索概念介绍及模块安装方法介绍
2015/06/03 Python
python实现停车管理系统
2018/11/30 Python
pyqt5利用pyqtDesigner实现登录界面
2019/03/28 Python
Python 简单计算要求形状面积的实例
2020/01/18 Python
css3 实现滚动条美化效果的实例代码
2021/01/06 HTML / CSS
华为俄罗斯官方网上商城:购买Huawei手机和平板
2017/04/21 全球购物
农业大学毕业生的个人自我评价
2013/10/11 职场文书
生日宴会答谢词
2014/01/09 职场文书
作风大整顿心得体会
2014/09/10 职场文书
2014民事授权委托书范本
2014/09/29 职场文书
有限责任公司股东合作协议书
2014/12/02 职场文书
2014年教研员工作总结
2014/12/23 职场文书
二手房购房意向书
2015/05/09 职场文书
教师见习总结范文
2015/06/23 职场文书
2016大一新生入学教育心得体会
2016/01/23 职场文书
2019年工作总结范文
2019/05/21 职场文书
MongoDB连接数据库并创建数据等使用方法
2021/11/27 MongoDB
Linux中sftp常用命令整理
2022/06/28 Servers