CKEditor4 w / Angular8: на панели инструментов отсутствуют кнопки

Question

Я пытаюсь поместить некоторые указанные кнопки в конфигурацию панели инструментов, но некоторые из них, кажется, go отсутствуют. Похоже, они не установлены, но:

app.module. js:

import { CKEditorModule } from 'ckeditor4-angular';
...
imports: [
    ...
    CKEditorModule,
    ...
]

packaje. json

"dependencies": {
    "ckeditor4-angular": "^1.0.1",
}

компонент . js

public editorType: String;
public config: any;

constructor() {
    this.editorText = '';
    this.editorType = 'classic';

    this.config = {
        height: 430,
        toolbar: [
            { name: 'insert', items: ['Image', 'Table'] },
            { name: 'links', items: ['Link'] },
            { name: 'basicstyles', items: ['Bold', 'Italic', 'Underline'] },
            { name: 'paragraph', items: ['NumberedList', 'BulletedList', 'JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyBlock'] },
            { name: 'styles', items: ['Font', 'FontSize'] },
            { name: 'colors', items: ['TextColor', 'BGColor'] },
        ]
    };
}

компонент. html

<ckeditor [type]="editorType" [config]="config" [(ngModel)]="editorText"></ckeditor>

Результат:

Как видите, многие из кнопок, которые я указал для объекта конфигурации, отсутствуют. Я также пробовал этот подход, но я получил тот же результат:

config.toolbarGroups = [
        { name: 'insert', groups: [ 'insert' ] },
        { name: 'links', groups: [ 'links' ] },
        { name: 'clipboard', groups: [ 'clipboard', 'undo' ] },
        { name: 'basicstyles', groups: [ 'basicstyles', 'cleanup' ] },
        { name: 'paragraph', groups: [ 'list', 'indent', 'blocks', 'align', 'bidi', 'paragraph' ] },
        '/',
        { name: 'styles', groups: [ 'styles' ] },
        { name: 'colors', groups: [ 'colors' ] },
        { name: 'tools', groups: [ 'tools' ] },
        { name: 'others', groups: [ 'others' ] },
        { name: 'about', groups: [ 'about' ] },
        { name: 'editing', groups: [ 'find', 'selection', 'spellchecker', 'editing' ] },
        { name: 'document', groups: [ 'mode', 'document', 'doctools' ] },
        { name: 'forms', groups: [ 'forms' ] }
    ];

    config.removeButtons = 'Source,Save,Templates,NewPage,Preview,Print,PasteText,PasteFromWord,Find,SelectAll,Scayt,Replace,CopyFormatting,RemoveFormat,Blockquote,CreateDiv,BidiLtr,BidiRtl,Language,About,Maximize,ShowBlocks,Styles,Format,Flash,HorizontalRule,Smiley,SpecialChar,PageBreak,Iframe,Anchor,Form,Radio,TextField,Textarea,Select,Button,ImageButton,HiddenField,Outdent,Indent,Checkbox,Unlink,Cut,Copy,Paste,Undo,Redo,Strike,Subscript,Superscript';

Отсутствуют кнопки «JustifyLeft», «JustifyCenter», «JustifyRight», «JustifyBlock», «Font», «FontSize». ',' TextColor 'и' BGColor '.

Есть идеи, почему это происходит?

Answer 1

К сожалению, вы не можете просто добавить кнопки в конфигурацию, вам также нужны плагины для них. Похоже, вы используете CKEdtior 4, так что вы можете просто следовать этому мастеру, чтобы создать свою собственную сборку:

https://ckeditor.com/cke4/addons/plugins/all

Я знаю, что это выглядит довольно basi c для того, чтобы что-то вроде цвета шрифта, размера, выравнивания текста и т. д. c ... присутствовало из коробки, но это не так.

В CKEditor5 это становится еще труднее добавить плагины.