Панели инструментов ng2-ckeditor не работали должным образом - PullRequest
0 голосов
/ 31 мая 2018

Я работаю над проектом, в котором мне нужно внедрить CKEditor в angular 4 project.Я использовал этот редактор для моего проекта.Теперь случилось так, что последняя версия (1.2.0) CKEditor дает мне ошибку.Так что я понизил его (до 1.1.9).Я получаю это работает.Хорошо, но здесь происходит то, что когда я пытаюсь использовать любую панель инструментов, она не работает.Я попробовал панель инструментов изображения, как показано на рисунке ниже.Я пытаюсь вставить ссылку на него, но я не могу вставить что-либо в текстовое поле.

enter image description here

Я даже не получаю сообщение об ошибке.Что-то, что мне не хватает?

Вот мой код, который я использую:

html

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

Файл TS

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

РЕДАКТИРОВАТЬ:

Обнаружил, что я использую CKEditor во всплывающем окне.Вот почему я не могу использовать все свойства.Итак, я думаю, теперь нужно выяснить, что я могу использовать, чтобы это работало?

1 Ответ

0 голосов
/ 31 мая 2018

Найден обходной путь для этой проблемы:

В вашем угловом проекте вы должны поддерживать js.Все, что вам нужно сделать, это поместить этот код в него.И загрузите его, прежде чем использовать модальное всплывающее окно.

$.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.Хотя это очень необычно.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...