BootstrapモーダルでCkeditorドロップダウンの問題が発生しました（クリックしてすぐに開くと閉じる）

Question

ブートストラップモードでckeditorを開いていますが、フォーマットとサイズのドロップダウンが正しく機能していません。サイズやフォーマットのドロップダウンをクリックするとすぐに開閉し、ブートストラップモーダルのckeditorのバグです。私はそれのための解決策をオンラインで見つけましたが、それは動作していません。

ソリューションは、私が働いて、オンラインではないが見つかりました： - ：私が実装した

$scope.emailMsgSetting = function(msgId, headerName) { 
    $ocLazyLoad.load({ 
     name: 'emailSettingsModule', 
     files: ['/doc/jsp/portal/viewMessageSettings.js'] 
    }).then(function() { 
     var url = makeURL("/doc/jsp/portal/viewMessageSettings.jsp?"); 
     $scope.dataURL = url; 
    }, function(e) { 
     console.log(e); 
    }); 
} 

JSP CKエディタ

<div class="col-sm-11 nopadright" ng-if="showckeditor"> 
    <textarea ng-model="$parent.msgTypeBody" ck-editor insert-tag="strTagName" height="ckEditorheight" extra-plugins= "strTagName"></textarea> 
    </div> 

私は、JSPおよびCKエディタを呼び出し、そこから

$.fn.modal.Constructor.prototype.enforceFocus = function() { 
    modal_this = this 
    $(document).on('focusin.modal', function(e) { 
     if (modal_this.$element[0] !== e.target && !modal_this.$element.has(e.target).length && 
      !$(e.target.parentNode).hasClass('cke_dialog_ui_input_select') && 
      !$(e.target.parentNode).hasClass('cke_dialog_ui_input_text')) { 
      modal_this.$element.focus() 
     } 
    }) 
    }; 

JS

ありがとう。

Answer 1

$.fn.modal.Constructor.prototype.enforceFocus = function() { 
    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() 
     } 
    }) 
};