關(guān)于ckeditor在bootstrap中modal中彈框無法輸入的解決方法
更新時(shí)間：2019年09月11日 10:49:02 作者：fabuler
今天小編就為大家分享一篇關(guān)于ckeditor在bootstrap中modal中彈框無法輸入的解決方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
當(dāng)在bootstrap的modal中使用ckeditor時(shí)，使用ckeditor中帶彈框的功能時(shí)無法輸入問題。
解決方法：在jquery和bootstrap加載之后引入fix的js，js內(nèi)容：
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()
}
})
以上這篇關(guān)于ckeditor在bootstrap中modal中彈框無法輸入的解決方法就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了H5移動(dòng)端圖片壓縮上傳開發(fā)流程,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-11-11
這篇文章主要介紹了JS去掉字符串前后空格或去掉所有空格的用法,需要的朋友可以參考下2017-03-03
菜單上下顯示的實(shí)現(xiàn)方法有很多,在本文將為大家介紹下使用js是如何實(shí)現(xiàn)的，需要的朋友不要錯(cuò)過2013-11-11
換圖片效果想必大家都有見到過吧，但是定時(shí)換圖片，貌似就很少見了，下面本文通過一個(gè)示例為大家詳細(xì)介紹下2014-06-06
uniapp小程序項(xiàng)目獲取位置經(jīng)緯度信息
在實(shí)際項(xiàng)目中很多時(shí)候我們需要獲取設(shè)備的位置信息，去展示給客戶，或者以位置信息為參數(shù)，繼續(xù)向服務(wù)器獲取一些數(shù)據(jù)，這篇文章主要介紹了uni-app如何獲取位置信息(經(jīng)緯度),需要的朋友可以參考下2022-11-11
postcss-pxtorem實(shí)現(xiàn)頁面自適應(yīng)的原理解析
postcss-pxtorem是一個(gè)PostCSS插件,用于將CSS中的像素值轉(zhuǎn)換為rem單位,以實(shí)現(xiàn)響應(yīng)式布局和適配不同屏幕尺寸的需求,本文給大家介紹postcss-pxtorem實(shí)現(xiàn)頁面自適應(yīng)的原理解析,感興趣的朋友一起看看吧2023-12-12
深入理解JavaScript中為什么string可以擁有方法
下面小編就為大家?guī)硪黄钊肜斫釰avaScript中為什么string可以擁有方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-05-05
這篇文章主要為大家介紹了一文搞懂?parseInt()函數(shù)異常行為示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-05-05
實(shí)現(xiàn)web打印的各種方法介紹及實(shí)現(xiàn)代碼
web的打印方法具我自己懂得知道的有：JQuery插件Jqprint實(shí)現(xiàn);JQery打印插件PrintArea實(shí)現(xiàn)網(wǎng)頁打印;CSS控制網(wǎng)頁打印樣式,本文詳細(xì)介紹實(shí)現(xiàn)步驟，感興趣的朋友可以了解下2013-01-01
ES6 新增的創(chuàng)建數(shù)組的方法(小結(jié))
這篇文章主要介紹了ES6 新增的創(chuàng)建數(shù)組的方法，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-08-08