关于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引用对象的方法
Jan 11 Javascript
jquery 跳到顶部和底部动画2句代码简单实现
Jul 18 Javascript
使用text方法获取Html元素文本信息示例
Sep 01 Javascript
jQuery使用hide方法隐藏元素自身用法实例
Mar 30 Javascript
轻松学习jQuery插件EasyUI EasyUI创建RSS Feed阅读器
Nov 30 Javascript
AngularJS 入门教程之事件处理器详解
Aug 19 Javascript
JS实现的简单四则运算计算器功能示例
Sep 27 Javascript
快速处理vue渲染前的显示问题
Mar 05 Javascript
微信小程序实现tab左右切换效果
Nov 15 Javascript
vue实现微信分享功能
Nov 28 Javascript
Three.JS实现三维场景
Dec 30 Javascript
JS实现可视化音频效果的实例代码
Jan 16 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
Amazon Prime Video平台《无限住人 -IMMORTAL-》2020年开始TV放送!
2020/03/06 日漫
用PHP 4.2书写安全的脚本
2006/10/09 PHP
apache mysql php 源码编译使用方法
2012/05/03 PHP
php 使用curl模拟ip和来源进行访问的实现方法
2017/05/02 PHP
Laravel Validator自定义错误返回提示消息并在前端展示
2019/05/09 PHP
laravel 配置路由 api和web定义的路由的区别详解
2019/09/03 PHP
jquery 操作表格实现代码(多种操作打包)
2011/03/20 Javascript
用js的for循环获取radio选中的值
2013/10/21 Javascript
Asp.Net alert弹出提示信息的几种方法总结
2014/01/29 Javascript
javascript中的循环语句for语句深入理解
2014/04/04 Javascript
Bootstrap实现响应式导航栏效果
2015/12/28 Javascript
jQuery图片左右滚动代码 有左右按钮实例
2016/06/20 Javascript
基于jquery实现弹幕效果
2016/09/29 Javascript
原生JavaScript实现AJAX、JSONP
2017/02/07 Javascript
微信小程序 基础组件与导航组件详细介绍
2017/02/21 Javascript
基于JavaScript实现的快速排序算法分析
2017/04/14 Javascript
详解React开发中使用require.ensure()按需加载ES6组件
2017/05/12 Javascript
jQuery模拟实现天猫购物车动画效果实例代码
2017/05/25 jQuery
element-ui 设置菜单栏展开的方法
2018/08/22 Javascript
Python脚本实现虾米网签到功能
2016/04/12 Python
Python max内置函数详细介绍
2016/11/17 Python
详解Python读取配置文件模块ConfigParser
2017/05/11 Python
Python编程使用NLTK进行自然语言处理详解
2017/11/16 Python
浅谈django model postgres的json字段编码问题
2018/01/05 Python
Python网络爬虫神器PyQuery的基本使用教程
2018/02/03 Python
Python API 自动化实战详解(纯代码)
2019/06/11 Python
基于virtualenv创建python虚拟环境过程图解
2020/03/30 Python
CSS图片翻转动画技术详解(IE也实现了)
2014/04/03 HTML / CSS
CSS3实现时间轴特效
2020/11/02 HTML / CSS
魅力惠奢品线上平台:MEI.COM
2016/11/29 全球购物
技能竞赛活动方案
2014/02/21 职场文书
幼儿园大班毕业教师寄语
2014/04/03 职场文书
高中生班主任评语
2014/04/25 职场文书
质量月口号
2014/06/20 职场文书
MySQL如何解决幻读问题
2021/08/07 MySQL
Nginx 匹配方式
2022/05/15 Servers