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

相关文章

  • uin-app+mockjs实现本地数据模拟

    uin-app+mockjs实现本地数据模拟

    这篇文章主要为大家详细介绍了uin-app+mockjs实现本地数据模拟,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-08-08
  • js获取页面description的方法

    js获取页面description的方法

    这篇文章主要介绍了js获取页面description的方法,涉及javascript操作页面元素的相关技巧,需要的朋友可以参考下
    2015-05-05
  • JS实现电脑虚拟键盘的操作

    JS实现电脑虚拟键盘的操作

    这篇文章主要为大家详细介绍了JS实现电脑虚拟键盘的操作,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-06-06
  • Js类的构建与继承案例详解

    Js类的构建与继承案例详解

    这篇文章主要介绍了Js类的构建与继承案例详解,本篇文章通过简要的案例,讲解了该项技术的了解与使用,以下就是详细内容,需要的朋友可以参考下
    2021-09-09
  • js获取当月最后一天实例代码

    js获取当月最后一天实例代码

    这篇文章主要介绍了js获取当月最后一天实例代码,有需要的朋友可以参考一下
    2013-11-11
  • vue 集成腾讯地图实现api(附DEMO)

    vue 集成腾讯地图实现api(附DEMO)

    之前项目使用腾讯地图,不利于开发者查找,这篇文章主要介绍了vue 集成腾讯地图实现api,具有一定的参考价值,感兴趣的可以了解下
    2021-07-07
  • js判断鼠标移入移出方向的方法

    js判断鼠标移入移出方向的方法

    这篇文章主要为大家详细介绍了js判断鼠标移入移出方向的方法,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-06-06
  • js中火星坐标、百度坐标、WGS84坐标转换实现方法示例

    js中火星坐标、百度坐标、WGS84坐标转换实现方法示例

    这篇文章主要介绍了js中火星坐标、百度坐标、WGS84坐标转换实现方法,涉及JavaScript数值计算相关操作技巧,需要的朋友可以参考下
    2020-03-03
  • 原生js ActiveXObject获取execl里面的值

    原生js ActiveXObject获取execl里面的值

    使用原生js获取execl里面的值,想必有很多的朋友都不会吧,下面有个不错的方法主要是使用ActiveXObject来实现,感兴趣的朋友可不要错过
    2013-11-11
  • 微信小程序实现上传图片的功能

    微信小程序实现上传图片的功能

    这篇文章主要为大家详细介绍了微信小程序实现上传图片的功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-08-08

最新评论