关于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 相关文章推荐
短信提示使用 特效
Jan 19 Javascript
JQuery 学习笔记 选择器之五
Jul 23 Javascript
javascript 静态对象和构造函数的使用和公私问题
Mar 02 Javascript
ExtJS 入门
Oct 29 Javascript
JavaScript高级程序设计(第3版)学习笔记8 js函数(中)
Oct 11 Javascript
Bootstrap页面缩小变形的快速解决办法
Feb 03 Javascript
使用vue 国际化i18n 实现多实现语言切换功能
Oct 11 Javascript
vue实现页面滚动到底部刷新
Aug 16 Javascript
详解小程序如何改变onLoad的执行时机
Nov 01 Javascript
Vue强制组件重新渲染的方法讨论
Feb 03 Javascript
node+multer实现图片上传的示例代码
Feb 18 Javascript
使用jquery实现轮播图效果
Jan 02 jQuery
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/14 PHP
PHP extract 将数组拆分成多个变量的函数
2010/06/30 PHP
thinkPHP实现的省市区三级联动功能示例
2017/05/05 PHP
jquery 显示*天*时*分*秒实现时间计时器
2014/05/07 Javascript
javascript实现控制div颜色
2015/07/07 Javascript
JavaScript模版引擎的基本实现方法浅析
2016/02/15 Javascript
jQuery插件学习教程之SlidesJs轮播+Validation验证
2016/07/12 Javascript
JavaScript中Require调用js的实例分享
2017/10/27 Javascript
vue使用vue-i18n实现国际化的实现代码
2018/04/08 Javascript
在vue中实现点击选择框阻止弹出层消失的方法
2018/09/15 Javascript
实现Vue的markdown文档可以在线运行的方法示例
2018/12/11 Javascript
小程序自定义单页面、全局导航栏的实现代码
2019/03/15 Javascript
vue中 this.$set的用法详解
2019/09/06 Javascript
[07:20]2014DOTA2西雅图国际邀请赛 选手讲解积分赛第二天
2014/07/11 DOTA
[02:14]完美“圣”典2016风云人物:xiao8专访
2016/12/01 DOTA
[58:15]2018DOTA2亚洲邀请赛 4.1 小组赛 A组 NB vs Liquid
2018/04/02 DOTA
Python实现过滤单个Android程序日志脚本分享
2015/01/16 Python
Python的__builtin__模块中的一些要点知识
2015/05/02 Python
Python列表推导式与生成器表达式用法示例
2018/02/08 Python
python实现扫描日志关键字的示例
2018/04/28 Python
如何通过Python实现标签云算法
2019/07/02 Python
python获取当前文件路径以及父文件路径的方法
2019/07/10 Python
Python 中判断列表是否为空的方法
2019/11/24 Python
pytorch torch.nn.AdaptiveAvgPool2d()自适应平均池化函数详解
2020/01/03 Python
Python 面向对象之类class和对象基本用法示例
2020/02/02 Python
Python GUI之tkinter窗口视窗教程大集合(推荐)
2020/10/20 Python
Sunglasses Shop荷兰站:英国最大的太阳镜独立在线零售商和供应商
2017/01/08 全球购物
澳大利亚领先的在线药房:Pharmacy Online(有中文站)
2020/02/22 全球购物
Unix控制后台进程都有哪些进程
2016/09/22 面试题
医学院毕业生自荐信
2013/11/08 职场文书
单位领导证婚词
2014/01/14 职场文书
收银员的岗位职责范本
2014/02/04 职场文书
岗位职责说明书
2014/05/07 职场文书
科学发展观标语
2014/10/08 职场文书
创业计划书之都市休闲农庄
2019/12/28 职场文书
MySQL 原理与优化之Update 优化
2022/08/14 MySQL