Angular 未反映在UI中的工具栏或Ckeditor 5的任何其他部分的配置

Angular 未反映在UI中的工具栏或Ckeditor 5的任何其他部分的配置,angular,ckeditor5,Angular,Ckeditor5,我正在Angular 7应用程序中使用新的ckeditor 5组件。我已经成功安装了它,并且能够将数据绑定到ckeditor。 我面临的问题是,我无法设置编辑器的配置。无论我在配置中设置了什么,都不会反映在编辑器中。有人能指出什么地方不对吗。如果你看到下面,我正在尝试设置工具栏,但这并不反映在UI中显示的内容上 用户界面 将其存储在变量中并直接绑定 ckConfig = {contentsCss: ["body {font-size: 11px; font-family: Arial, 'H

我正在Angular 7应用程序中使用新的ckeditor 5组件。我已经成功安装了它,并且能够将数据绑定到ckeditor。 我面临的问题是,我无法设置编辑器的配置。无论我在配置中设置了什么,都不会反映在编辑器中。有人能指出什么地方不对吗。如果你看到下面,我正在尝试设置工具栏,但这并不反映在UI中显示的内容上

用户界面


将其存储在变量中并直接绑定

ckConfig =   {contentsCss: ["body {font-size: 11px; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;}"],
        pasteFromWordRemoveFontStyles: false,
        height: '100px', width: '100%', readOnly: false, toolbar: [
            { name: 'clipboard', groups: ['clipboard', 'undo'], items: ['Cut', 'Copy', 'Paste', 'PasteText', 'PasteFromWord', '-', 'Undo', 'Redo'] },
            { name: 'editing', groups: ['find', 'selection', 'spellchecker'], items: ['Find', 'Replace', '-', 'SelectAll', '-', 'Scayt'] },
            { name: 'source', items: ['Sourcedialog'] },
            { name: 'basicstyles', groups: ['basicstyles', 'cleanup'], items: ['Bold', 'Italic', 'Underline', 'Strike', 'Subscript', 'Superscript', '-', 'RemoveFormat'] },
            { name: 'paragraph', groups: ['list'], items: ['NumberedList', 'BulletedList'] }
        ]};

组件中有两个问题:

首先:
[config]
必须绑定到属性,而不是方法。例如,组件中的
@Component()类SomeClass{editorConfig={}


第二:
CKEditor 5
不同于
CKEditor 4
。它有不同的体系结构、不同的工具栏选项、配置等。请参阅和。

我甚至试着这样调用它,但没有什么不同getCKConfig(),我仍然找不到应用的配置。它在ckeditor 5版本中是否已更改。如何在ckeditor 5中实现同样的功能
getCKConfig() {
    return {

        contentsCss: ["body {font-size: 11px; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;}"],
        pasteFromWordRemoveFontStyles: false,
        height: '100px', width: '100%', readOnly: false, toolbar: [
            { name: 'clipboard', groups: ['clipboard', 'undo'], items: ['Cut', 'Copy', 'Paste', 'PasteText', 'PasteFromWord', '-', 'Undo', 'Redo'] },
            { name: 'editing', groups: ['find', 'selection', 'spellchecker'], items: ['Find', 'Replace', '-', 'SelectAll', '-', 'Scayt'] },
            { name: 'source', items: ['Sourcedialog'] },
            { name: 'basicstyles', groups: ['basicstyles', 'cleanup'], items: ['Bold', 'Italic', 'Underline', 'Strike', 'Subscript', 'Superscript', '-', 'RemoveFormat'] },
            { name: 'paragraph', groups: ['list'], items: ['NumberedList', 'BulletedList'] }
        ]
    };
}
ckConfig =   {contentsCss: ["body {font-size: 11px; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;}"],
        pasteFromWordRemoveFontStyles: false,
        height: '100px', width: '100%', readOnly: false, toolbar: [
            { name: 'clipboard', groups: ['clipboard', 'undo'], items: ['Cut', 'Copy', 'Paste', 'PasteText', 'PasteFromWord', '-', 'Undo', 'Redo'] },
            { name: 'editing', groups: ['find', 'selection', 'spellchecker'], items: ['Find', 'Replace', '-', 'SelectAll', '-', 'Scayt'] },
            { name: 'source', items: ['Sourcedialog'] },
            { name: 'basicstyles', groups: ['basicstyles', 'cleanup'], items: ['Bold', 'Italic', 'Underline', 'Strike', 'Subscript', 'Superscript', '-', 'RemoveFormat'] },
            { name: 'paragraph', groups: ['list'], items: ['NumberedList', 'BulletedList'] }
        ]};