ng2-ckeditor工具栏无法正常工作

Question

我正在开展一个项目，我必须在angular 4项目中实现CKEditor。我在我的项目中使用了this编辑器。现在碰巧CKEditor的letest版本（1.2.0）给了我错误。所以我降级了它（到1.1.9）。我正在努力。好，但这里发生的是当我尝试使用任何工具栏时，它不起作用。我尝试了图像工具栏，如下图所示。我试图插入链接，但我无法在任何文本框中插入任何内容。

我甚至没有收到错误。我遗失的任何东西？

这是我正在使用的代码：

html

<div class="form-group">
  <ckeditor formControlName="Description" #myckeditor [config]="ckeConfig" debounce="500">
  </ckeditor>
</div>

TS FIle

export class myclass implements OnInit {
    @ViewChild("myckeditor") ckeditor: any;
    ckeConfig: any;
    ngOnInit(){
        this.ckeConfig = {
            allowedContent: true
        };
}

编辑：

发现我一直在弹出窗口中使用CKEditor。所以这就是我无法使用所有属性的原因。所以我想现在需要找出可以使用它的任何东西吗？

Answer 1

找出此问题的解决方法：

在你的角度项目中，你必须保持js。您需要做的就是将此代码放在其中。并在使用Modal Popup之前加载它。

$.fn.modal.Constructor.prototype.enforceFocus = function() {
    $( document )
        .off( 'focusin.bs.modal' ) // guard against infinite focus loop
        .on( 'focusin.bs.modal', $.proxy( function( e ) {
            if (
                this.$element[ 0 ] !== e.target && !this.$element.has( e.target ).length
                // CKEditor compatibility fix start.
                && !$( e.target ).closest( '.cke_dialog, .cke' ).length
                // CKEditor compatibility fix end.
            ) {
                this.$element.trigger( 'focus' );
            }
        }, this ) );
};

这将使ckeditor工作。虽然它非常不正统。