Ckeditor отключает выпуск на Bootstrap modal (сразу открывать и закрывать клик)

Я открыл ckeditor внутри bootstrap modal, но формат и размер выпадающего списка не работают должным образом. Когда я нажимаю на размер или формат, он сразу открывается и закрывается, и я читаю, что это ошибка в ckeditor для bootstrap modal. Я нашел решение онлайн для него, но это не работает.

решение найдено в Интернете и не работает: -

    $.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, откуда я вызываю jsp и где ck editor:

  $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>

Спасибо..

Ответ 1