Ckeditor toolbar item is unavailable в Vue (Laravel)

Я использую Ckeditor5 для Vue в проекте Laravel. Следуя документации установил модули используя npm install --save @ckeditor/ckeditor5-vue @ckeditor/ckeditor5-build-classic и объявил Ckeditor в файле resources/js/app.js

import CKEditor from '@ckeditor/ckeditor5-vue';
Vue.use( CKEditor );
const app = new Vue({
    el: '#app',
});

После этого я импортирую ClassicEdditor в компоненте Vue

<template>
 // Здесь много кода
 <div class="editor">
    <ckeditor :editor="editor" v-model="editorData" :config="editorConfig"></ckeditor>
 </div>
</template>

<script>
  import Swal from 'sweetalert2';
  import ClassicEditor from '@ckeditor/ckeditor5-build-classic';
  import FontFamily from '@ckeditor/ckeditor5-font/src/fontfamily'; // <----- Ошибка из-за этого
  export default {
    props: ['groups'],

    mounted(){

    },
    data: function(){
      return {
        // Мои данные
        editor: ClassicEditor,
        editorData: '',
        editorConfig: {
          // The configuration of the editor.
          toolbar: {
            items: [
              'FontFamily',
              '|',
              'bold',
              'italic',
              'underline',
              'subscript',
              'superscript',
              '|',
              'List',
              'Code',
              'EasyImage',
              'ImageUpload',
              '|',
              'link',
              'undo',
              'redo'
            ]
          }
        }
      }
    },
    methods: {
      // Мои методы
    }
</script>

После всего этого Ckeditor высвечивает warning в консоле

toolbarview-item-unavailable: The requested toolbar item is unavailable {name: "FontFamily"}

На странице Error Codes написано

There was a problem processing the configuration of the toolbar. The item with the given name does not exist so it was omitted when rendering the toolbar.

И я решил установить плагин через npm и импортировать в компоненте Vue, но после этого получаю ошибку

import FontFamily from '@ckeditor/ckeditor5-font/src/fontfamily';

Uncaught CKEditorError: ckeditor-duplicated-modules: Some CKEditor 5 modules are duplicated

Получается в ClassicEditor-е есть этот плагин, но не находит, а при импортировании понимает, что уже есть такой плагин и это дубликат.

Пробовал осмотреть файл node_modules/@ckeditor/ckeditor5-build-classic/ckeditor.js на наличии плагинов, но там ужас, минифицированный файл и ничего не найти.


Ответы (0 шт):