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 Editor.

Я также не смог найти в Интернете то, что мне нужно предоставить в removePlugins для отключения опции Insert Media, чтобы попробовать, если хотя бы это работает. Любая помощь будет оценена.

Заранее спасибо

Answer 1

Вместо удаления определенных кнопок c можно установить конфигурацию 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'
    };

Результат после добавления кода выше

Надеется, что это кому-то поможет!

Answer 2

Попробуйте передать конфиг во вход.