2017-03-02 33 views
12

我已經在引導模式中打開ckeditor,但格式和大小下拉不能正常工作。當我點擊大小或格式下拉它立即打開和關閉,我讀到它是引導模式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> 

$.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() 
     } 
    }) 
    }; 

從那裏我稱之爲JSP和地方CK編輯器JS

謝謝..

+0

您使用的是什麼版本的引導程序? – vickisys

+0

@vickisys Bootstrap v3.2.0 – pise

+0

從您的網站上的任何活動頁面來檢查它? –

回答

0
$.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() 
     } 
    }) 
};