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 на наличии плагинов, но там ужас, минифицированный файл и ничего не найти.