html - 编辑器5

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

将以下代码添加到angular component.ts文件的构造函数中，将创建一个简单的CKEditor，其中仅包含items数组中提到的那些选项。mediaEmbed是负责Insert Video在CKEditor中显示选项的项目的名称，我没有在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'
    };

添加以上代码后的结果

希望这会对某人有所帮助！