Пользовательская сборка CKEditor в Angular приложении не показывает панель инструментов

Question

Я пытаюсь внедрить пользовательскую сборку CKEditor в мое приложение Angular, но панель инструментов просто отображается пустой, как показано ниже:

Кроме этого, он работает просто отлично, например, я могу нажать CMD + B, и выделенный текст будет выделен жирным шрифтом.

Я импортировал модуль, определил редактор следующим образом в моем компоненте

import * as Editor from '../../../../assets/ckeditor/build/ckeditor.js';

export class MyComponent {
  Editor = Editor
}

и добавил его в свой шаблон следующим образом:

<ckeditor [editor]="Editor" formControlName="description"></ckeditor>

Что мне здесь не хватает?

Answer 1

Хорошо, я понял это. Мне пришлось явно передать в конфиге, что я мог бы скопировать из образца / индекса. html файл:

import * as Editor from '../../../../assets/ckeditor/build/ckeditor.js';
// ...

export class MyComponent {
    // ...
    Editor = Editor;
    config = {

        toolbar: {
            items: [
                'heading',
                '|',
                'bold',
                'italic',
                'link',
                'bulletedList',
                'numberedList',
                '|',
                'indent',
                'outdent',
                '|',
                'blockQuote',
                'insertTable',
                'undo',
                'redo'
            ]
        },
        language: 'en',
        table: {
            contentToolbar: [
                'tableColumn',
                'tableRow',
                'mergeTableCells'
            ]
        },
        licenseKey: '',

    }
// ...
}

и в шаблоне:

<ckeditor [editor]="Editor" [config]="config" formControlName="message"></ckeditor>

Это шаг это не было необходимо для официальной сборки, только для пользовательской.