CKEDITOR 5-从ClassicEditor中删除“插入媒体”选项

Question

我正在CKEditor 5应用程序中使用angular 7。默认情况下，ClassicEditor显示工具栏上的Insert Media按钮，如下图所示。

[在网上研究时，我发现可以通过使用如下所示的removePlugins中的editorConfig选项来禁用特定选项。

editor.component.ts

 editorConfig = {
    removePlugins: ['Image'],
    placeholder: 'Type the content here!'
      };

以上代码不是删除Insert Media选项，而是删除Insert Image的选项。但这是行不通的。即使使用了上面的代码，我仍然可以在CK编辑器中看到“图像插入”选项。

我也无法在网上找到removePlugins中需要提供的内容，以禁用Insert Media选项以尝试至少有效。任何帮助将不胜感激。

提前感谢

Answer 1

代替删除特定按钮，可以将CKEditor的默认配置设置为仅显示我们所需的选项。

将以下代码添加到angular component.ts文件的构造函数中，将仅使用items数组中提到的那些选项创建一个简单的CKEditor。 mediaEmbed是负责在CKEditor中显示Insert Video选项的项目的名称，我没有在items数组中提及它不会在CKEditor中显示。

ClassicEditor.defaultConfig = {
      toolbar: {
        items: [
          'heading',
          '|',
          'bold',
          'italic',
          '|',
          'bulletedList',
          'numberedList',
          '|',
          'insertTable',
          '|',
          'imageUpload',
          '|',
          'undo',
          'redo'
        ]
      },
      image: {
        toolbar: [
          'imageStyle:full',
          'imageStyle:side',
          '|',
          'imageTextAlternative'
        ]
      },
      table: {
        contentToolbar: [ 'tableColumn', 'tableRow', 'mergeTableCells' ]
      },
      language: 'en'
    };
添加上述代码后的结果

希望这会帮助某人！