关于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.jstree 增加节点的双击事件代码
Jul 27 Javascript
javascript语言结构小记(一)
Sep 10 Javascript
javascript中的作用域和上下文使用简要概述
Dec 05 Javascript
如何减少浏览器的reflow和repaint
Feb 26 Javascript
基于jQuery实现复选框是否选中进行答题提示
Dec 10 Javascript
AngularJS入门教程之Select(选择框)详解
Jul 27 Javascript
JS与jQuery实现隔行变色的方法
Sep 09 Javascript
js实现随机点名小功能
Aug 17 Javascript
基于jquery实现左右上下移动效果
May 02 jQuery
vue中使用better-scroll实现滑动效果及注意事项
Nov 15 Javascript
Vue基本使用之对象提供的属性功能
Apr 30 Javascript
layui layer select 选择被遮挡的解决方法
Sep 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
不用数据库的多用户文件自由上传投票系统(3)
2006/10/09 PHP
php的慢速日志引起的Mysql错误问题分析
2014/05/13 PHP
php连接与操作PostgreSQL数据库的方法
2014/12/25 PHP
浅析php如何实现爬取数据原理
2018/09/27 PHP
Laravel使用swoole实现websocket主动消息推送的方法介绍
2019/10/20 PHP
PHP的图像处理实例小结【文字水印、图片水印、压缩图像等】
2019/12/20 PHP
jquery 学习之一 对象访问
2010/11/23 Javascript
THREE.JS入门教程(1)THREE.JS使用前了解
2013/01/24 Javascript
非常好用的JsonToString 方法 简单实例
2013/07/18 Javascript
jQuery制作可自定义大小的拼图游戏
2015/03/30 Javascript
jQuery插件imgPreviewQs实现上传图片预览
2016/01/15 Javascript
vue分页组件table-pagebar使用实例解析
2020/11/15 Javascript
详解微信小程序 wx.uploadFile 的编码坑
2017/01/23 Javascript
NodeJs测试框架Mocha的安装与使用
2017/03/28 NodeJs
Vue+Element使用富文本编辑器的示例代码
2017/08/14 Javascript
vue单页应用加百度统计代码(亲测有效)
2018/01/31 Javascript
对angularJs中controller控制器scope父子集作用域的实例讲解
2018/10/08 Javascript
js中对象和面向对象与Json介绍
2019/01/21 Javascript
Vue中使用JsonView来展示Json树的实例代码
2020/11/16 Javascript
基于python socketserver框架全面解析
2017/09/21 Python
ubuntu中配置pyqt4环境教程
2017/12/27 Python
Python简单过滤字母和数字的方法小结
2019/01/09 Python
解决pycharm的Python console不能调试当前程序的问题
2019/01/20 Python
opencv与numpy的图像基本操作
2019/03/08 Python
详解Python下载图片并保存本地的两种方式
2019/05/15 Python
python GUI库图形界面开发之PyQt5下拉列表框控件QComboBox详细使用方法与实例
2020/02/27 Python
提高python代码运行效率的一些建议
2020/09/29 Python
金宝贝童装官网:Gymboree
2016/08/31 全球购物
公司节能减排倡议书
2014/05/14 职场文书
机械专业求职信
2014/05/25 职场文书
拒绝黄毒毒宣传标语
2014/06/26 职场文书
优秀本科毕业生自荐信
2014/07/04 职场文书
2014年纪检工作总结
2014/11/12 职场文书
2014个人年终工作总结范文
2014/12/15 职场文书
医院办公室主任岗位职责
2015/04/01 职场文书
Python基础数据类型tuple元组的概念与用法
2021/08/02 Python