Angular 用于角度的CKEditor5，用于图像的Base64上载适配器不工作

我在为角度应用程序实现CKEditor5时遇到问题。我的班级如下：

import * as customEditor from './ckeditor5';
import Base64UploadAdapter from '@ckeditor/ckeditor5-upload/src/adapters/base64uploadadapter';

export class MemoComponent extends BaseFieldComponent implements OnInit {
    public customEditor = customEditor;
    public environment = environment;
    public config = {
        language: this.environment.locale,
        toolbar: [
            'undo',
            'redo',
            '|',
            'heading',
            'fontFamily',
            'fontSize',
            '|',
            'bold',
            'italic',
            'underline',
            'fontColor',
            'fontBackgroundColor',
            'highlight',
            '|',
            'link',
            'CKFinder',
            'imageUpload',
            'mediaEmbed',
            '|',
            'alignment',
            'bulletedList',
            'numberedList',
            '|',
            'indent',
            'outdent',
            '|',
            'insertTable',
            'blockQuote',
            'specialCharacters',
        ],
        plugins: [Base64UploadAdapter],
    };

但是，如果我对“plugins:[Base64UploadAdapter]”进行注释，“它可以正常工作，但是我不能将图像作为base64添加到CKEditor5，如果我取消注释该行，我会得到一个“CKEditorError:ckeditor duplicated modules”。

---

你能告诉我我做错了什么吗？

我在尝试将图像作为base64上传时遇到了同样的问题。尝试以下步骤，希望能有所帮助

步骤1:对配置进行以下更改

public config = {
    language: this.environment.locale,
    toolbar: [ ... ],
    ckfinder: {
      options: {
          resourceType: 'Images'
      },
    },
 }

我希望您已经正确安装了正确的软件包

npm install --save @ckeditor/ckeditor5-upload

第2步：然后转到ckeditor.js导入Base64上传适配器

第3步：确保将base64uploadadapter添加到内置插件中，您可以在同一个ckeditor.js文件中找到它

Editor.builtinPlugins = [
       Base64UploadAdapter
]

步骤4:构建ckeditor（此步骤至关重要，否则角度项目中不会出现任何更改）

有关更多详细信息，请访问-CKEditor 5文档

Editor.builtinPlugins = [
       Base64UploadAdapter
]

npm run-script build