关于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 相关文章推荐
网页中返回顶部代码(多种方法)另附注释说明
Apr 24 Javascript
jQuery之过滤元素操作小结
Nov 30 Javascript
javaScript如何生成xmlhttp
Dec 16 Javascript
js遍历子节点子元素附属性及方法
Aug 19 Javascript
常用jQuery代码分享
Jul 14 Javascript
JavaScript实现向右伸出的多级网页菜单效果
Aug 25 Javascript
jQuery实现为控件添加水印文字效果(附源码)
Dec 02 Javascript
AngularJS实现全选反选功能
Dec 08 Javascript
JavaScript实现点击文本自动定位到下拉框选中操作
Jun 15 Javascript
jQuery UI 实例讲解 - 日期选择器(Datepicker)
Sep 18 jQuery
Electron autoUpdater实现Windows安装包自动更新的方法
Dec 24 Javascript
JavaScript实现世界各地时间显示
Sep 07 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/04/10 PHP
php判断是否为json格式的方法
2014/03/04 PHP
PHP中设置一个严格30分钟过期Session面试题的4种答案
2014/07/30 PHP
PHP执行SQL文件并将SQL文件导入到数据库
2015/09/17 PHP
PHP程序中使用adodb连接不同数据库的代码实例
2015/12/19 PHP
php中strtotime函数性能分析
2016/11/20 PHP
PHP使用SMTP邮件服务器发送邮件示例
2018/08/28 PHP
Laravel框架中缓存的使用方法分析
2019/09/06 PHP
区分JS中的undefined,null,"",0和false
2007/03/08 Javascript
建立良好体验度的Web注册系统ajax
2007/07/09 Javascript
设置checkbox为只读(readOnly)的两种方式
2013/10/11 Javascript
javascript放大镜效果的简单实现
2013/12/09 Javascript
js生成随机数之random函数随机示例
2013/12/20 Javascript
jQuery事件用法详解
2016/10/06 Javascript
javascript和jQuery中的AJAX技术详解【包含AJAX各种跨域技术】
2016/12/15 Javascript
Vue-router 类似Vuex实现组件化开发的示例
2017/09/15 Javascript
Nodejs中使用phantom将html转为pdf或图片格式的方法
2017/09/18 NodeJs
浅谈es6中export和export default的作用及区别
2018/02/07 Javascript
原生js实现五子棋游戏
2020/05/28 Javascript
[01:30:55]VG vs Mineski Supermajor 败者组 BO3 第三场 6.6
2018/06/07 DOTA
Python内置函数OCT详解
2016/11/09 Python
Python中shape计算矩阵的方法示例
2017/04/21 Python
Python实现统计文本文件字数的方法
2017/05/05 Python
Python3实现爬取指定百度贴吧页面并保存页面数据生成本地文档的方法
2018/04/22 Python
Python OpenCV实现视频分帧
2019/06/01 Python
python3 打印输出字典中特定的某个key的方法示例
2019/07/06 Python
查看已安装tensorflow版本的方法示例
2020/04/19 Python
Python爬虫之Selenium警告框(弹窗)处理
2020/12/04 Python
HTML5 Canvas玩转酷炫大波浪进度图效果实例(附demo)
2016/12/14 HTML / CSS
英国综合网上购物商城:The Hut
2018/07/03 全球购物
英国领先的在线高尔夫商店:Gamola Golf
2019/11/16 全球购物
美容院考勤制度
2014/01/30 职场文书
国王的演讲观后感
2015/06/03 职场文书
让世界充满爱观后感
2015/06/10 职场文书
Mybatis是这样防止sql注入的
2021/12/06 Java/Android
Go语言的协程上下文的几个方法和用法
2022/04/11 Golang