关于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.validate使用攻略 第五步 正则验证
Jul 01 Javascript
JS实现悬浮移动窗口(悬浮广告)的特效
Mar 12 Javascript
JS自定义功能函数实现动态添加网址参数修改网址参数值
Aug 02 Javascript
2014年最火的Node.JS后端框架推荐
Oct 27 Javascript
javascript如何操作HTML下拉列表标签
Aug 20 Javascript
表单验证正则表达式实例代码详解
Nov 09 Javascript
如何实现星星评价(jquery.raty.js插件)
Dec 21 Javascript
form表单数据封装成json格式并提交给服务器的实现方法
Dec 14 Javascript
Vue组件通信$attrs、$listeners实现原理解析
Sep 03 Javascript
vue 避免变量赋值后双向绑定的操作
Nov 07 Javascript
JavaScript前后端JSON使用方法教程
Nov 23 Javascript
使用typescript快速开发一个cli的实现示例
Dec 09 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 之入门篇
2006/12/04 PHP
PHP5下$_SERVER变量不再受magic_quotes_gpc保护的弥补方法
2012/10/31 PHP
PHP常用工具类大全附全部代码下载
2015/12/07 PHP
PHP符合PSR编程规范的实例分享
2016/12/21 PHP
PHP设计模式之装饰器模式定义与用法简单示例
2018/08/13 PHP
PHP过滤器 filter_has_var() 函数用法实例分析
2020/04/23 PHP
jQuery弹出层插件简化版代码下载
2008/10/16 Javascript
一个tab标签切换效果代码
2009/03/27 Javascript
JavaScript 高级语法介绍
2009/06/15 Javascript
13个绚丽的Jquery 界面设计网站推荐
2010/09/28 Javascript
JavaScript中将一个值转换为字符串的方法分析[译]
2012/09/21 Javascript
通过javascript进行UTF-8编码的实现方法
2016/06/27 Javascript
JavaScript将DOM事件处理程序封装为event.js 出现的低级错误问题
2016/08/03 Javascript
微信小程序 在Chrome浏览器上运行以及WebStorm的使用
2016/09/27 Javascript
在js中实现邮箱格式的验证方法(推荐)
2016/10/24 Javascript
Es6 写的文件import 起来解决方案详解
2016/12/13 Javascript
js 作用域和变量详解
2017/02/16 Javascript
EasyUI为Numberbox添加blur事件的方法
2017/03/05 Javascript
Bootstrap页面标题Page Header的实现方法
2017/03/22 Javascript
JavaScript解析及序列化JSON的方法实例分析
2019/01/04 Javascript
vue+express+jwt持久化登录的方法
2019/06/14 Javascript
js面试题之异步问题的深入理解
2020/09/20 Javascript
Python的Tornado框架异步编程入门实例
2015/04/24 Python
Python使用ConfigParser模块操作配置文件的方法
2018/06/29 Python
使用matplotlib中scatter方法画散点图
2019/03/19 Python
python远程邮件控制电脑升级版
2019/05/23 Python
完美解决TensorFlow和Keras大数据量内存溢出的问题
2020/07/03 Python
css3 线性渐变和径向渐变示例附图
2014/04/08 HTML / CSS
HTML5实现文件断点续传的方法
2017/01/04 HTML / CSS
澳大利亚领先的美容护肤品零售商之一:SkincareStore
2018/01/22 全球购物
长青弘远的面试题
2012/06/09 面试题
销售演讲稿范文
2014/01/08 职场文书
党员违纪检讨书
2014/02/18 职场文书
趣味运动会广播稿
2014/09/13 职场文书
领导班子四风问题个人对照检查材料
2014/10/04 职场文书
个人催款函范文
2015/06/24 职场文书