使用在线构建生成器时，CKEditor5 工具栏未显示在 Angular 中

Question

我正在使用从 online build generator 生成的自定义构建.
然后我按照 Rich text editor component for Angular 中写的文档进行操作但使用自定义构建而不是使用 official editor builds 之一.
不知何故，我的工具栏及其图像工具栏和表格工具栏等项目没有显示在我的 Angular 项目中。正在执行 npm install提供工具栏所需的文件，以在在线构建示例页面上显示完整的项目(包括 "image" 等)。
我在这里缺少什么才能成功显示使用在线构建生成器定义的工具栏及其项目？

Answer 1

目前也在经历同样的事情。
我假设您也只是简单地导入了 ckeditor.js来自 build文件夹。在我的情况下，我必须手动定义 config对于编辑:
成分

  import * as CustomEditor from "src/app/ckeditor5-custom-build/build/ckeditor";
  //...
  public Editor = CustomEditor;
  config: CKEditorConfig = {
    placeholder: "Write your answer here.",
    // BUG: Current CKEditor5's generated build does not 
    // show the default toolbar as defined in the online builder
    toolbar: [
     "bold", "italic",  "underline", "code", "|",
      "blockquote", "codeblock", "bulletedlist", "numberedlist", "|",
      "link", "image", "|",
      "Format",
    ],
  };

模板

  <ckeditor [editor]="Editor" [config]="config" [data]="data"></ckeditor>

免责声明
这里当前的问题是 "image"工具栏项未按预期工作。以上代码只显示工具栏，成功显示 "code"和 "codeblock"工具栏项目(这是单独的 CKEditor 插件，就像 "image" 一样)
更新 (截至 2020 年 11 月 9 日)

此问题已由 FilipTokarski 确认在 here .

I can confirm that when you add editor build from online builder straight to the Angular app, the toolbar is missing. The case here is - build from OB has builtinPlugins, but is missing defaultConfig - the config is in ckeditor5/sample/index.html. If you add this config to ckeditor5/src/ckeditor.js, for example like this:

Editor.defaultConfig = {
    toolbar: {
        items: [
            'heading', '|', 'bold', 'italic', 'link',
            'bulletedList', numberedList', '|', 'indent', 'outdent', '|',
            'imageUpload',
            'blockQuote',
            'insertTable',
            'mediaEmbed',
            'undo', 'redo'
        ]
    },
    language: 'en',
    image: {
        toolbar: [
            'imageTextAlternative',
            'imageStyle:full',
            'imageStyle:side'
        ]
    },

我已提交的相关问题，Toolbar not showing by default when using custom build generated from the online builder , 已关闭并标记为 Packages created with online builder differs from official builds 的副本这仍然是 打开 (ATTOW，2020 年 11 月 20 日)。