2017-03-02 62 views
12

Ckeditor'u bootstrap modal içinde açtım ancak format ve boyut aşağı doğru çalışmıyor. Boyutu veya biçimi tıklattığımda açılır ve hemen kapanır, ben bootstrap modal için ckeditor bir hata olduğunu okudum. Bunun için online çözüm buldum ama bu çalışmıyor.Ckeditor Bootstrap modelinde açılır kapanma sorunu (Aç ve tıklatta hemen aç)

çözüm ben çalışıyorum çevrimiçi olup bulundu: -: Ben hayata geçirdik

$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 editör

<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> 
ben jsp ve ck editör diyoruz yerden

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

Teşekkürler.

+0

Hangi bootstrap sürümünü kullanıyorsunuz? – vickisys

+0

@vickisys Bootstrap v3.2.0 – pise

+0

Sitenizden herhangi bir canlı sayfayı kontrol etmek için? –

cevap

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