关于ckeditor在bootstrap中modal中弹框无法输入的解决方法

更新时间：2019年09月11日 10:49:02 作者：fabuler

今天小编就为大家分享一篇关于ckeditor在bootstrap中modal中弹框无法输入的解决方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧

当在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中弹框无法输入的解决方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

解决bootstrap中使用modal加载kindeditor时弹出层文本框不能输入的问题

H5移动端图片压缩上传开发流程
这篇文章主要为大家详细介绍了H5移动端图片压缩上传开发流程,具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2016-11-11
JS去掉字符串前后空格或去掉所有空格的用法
这篇文章主要介绍了JS去掉字符串前后空格或去掉所有空格的用法,需要的朋友可以参考下
2017-03-03
js 实现菜单上下显示附效果图
菜单上下显示的实现方法有很多,在本文将为大家介绍下使用js是如何实现的，需要的朋友不要错过
2013-11-11
js换图片效果可进行定时操作
换图片效果想必大家都有见到过吧，但是定时换图片，貌似就很少见了，下面本文通过一个示例为大家详细介绍下
2014-06-06
uniapp小程序项目获取位置经纬度信息
在实际项目中很多时候我们需要获取设备的位置信息，去展示给客户，或者以位置信息为参数，继续向服务器获取一些数据，这篇文章主要介绍了uni-app如何获取位置信息(经纬度),需要的朋友可以参考下
2022-11-11
postcss-pxtorem实现页面自适应的原理解析
postcss-pxtorem是一个PostCSS插件,用于将CSS中的像素值转换为rem单位,以实现响应式布局和适配不同屏幕尺寸的需求,本文给大家介绍postcss-pxtorem实现页面自适应的原理解析,感兴趣的朋友一起看看吧
2023-12-12
深入理解JavaScript中为什么string可以拥有方法
下面小编就为大家带来一篇深入理解JavaScript中为什么string可以拥有方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2016-05-05
一文搞懂 parseInt()函数异常行为
这篇文章主要为大家介绍了一文搞懂 parseInt()函数异常行为示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
2023-05-05
实现web打印的各种方法介绍及实现代码
web的打印方法具我自己懂得知道的有：JQuery插件Jqprint实现;JQery打印插件PrintArea实现网页打印;CSS控制网页打印样式,本文详细介绍实现步骤，感兴趣的朋友可以了解下
2013-01-01
ES6 新增的创建数组的方法(小结)
这篇文章主要介绍了ES6 新增的创建数组的方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2019-08-08

关于ckeditor在bootstrap中modal中弹框无法输入的解决方法

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具