Добрый вечер
1)Установил CKEditor vue, подключил, все заработало, редактор появился на странице.
<template>
<ckeditor :editor="editor" :config="editorConfig" v-model="content">
{{form.content}}
</ckeditor>
</template>
<script>
import ClassicEditor from "@ckeditor/ckeditor5-build-classic";
export default {
data(){
return{
content: '',
editor: ClassicEditor,
editorConfig: {
// The configuration of the editor.
}
}
},
}
</script>
Теперь нужно сделать чтоб загружались фото.
Для этого загрузил CKFinder laravel
И сделал интеграцию вызвав команду
npm install --save @ckeditor/ckeditor5-ckfinder
Добавляю плагин
<template>
<ckeditor :editor="editor" :config="editorConfig" v-model="content">
{{form.content}}
</ckeditor>
</template>
<script>
import ClassicEditor from "@ckeditor/ckeditor5-build-classic";
import CKFinder from '@ckeditor/ckeditor5-ckfinder/src/ckfinder';
export default {
data(){
return{
content: '',
editor: ClassicEditor,
editorConfig: {
// The configuration of the editor.
plugins: ['CKFinder']
}
}
},
}
</script>
В консоле выходит ошибка
app.js:48004 CKEditorError: ckeditor-duplicated-modules
Read more: https://ckeditor.com/docs/ckeditor5/latest/framework/guides/support/error-codes.html#error-ckeditor-duplicated-modules
at Module.<anonymous> (http://watch-company.kz/18.js:26032:8)
at Module../node_modules/@ckeditor/ckeditor5-utils/src/version.js (http://watch-company.kz/18.js:26040:30)
at __webpack_require__ (http://watch-company.kz/js/app.js:64:30)
at Module../node_modules/@ckeditor/ckeditor5-utils/src/emittermixin.js (http://watch-company.kz/18.js:23054:66)
at __webpack_require__ (http://watch-company.kz/js/app.js:64:30)
at Module../node_modules/@ckeditor/ckeditor5-utils/src/observablemixin.js (http://watch-company.kz/18.js:24743:71)
at __webpack_require__ (http://watch-company.kz/js/app.js:64:30)
at Module../node_modules/@ckeditor/ckeditor5-core/src/plugin.js (http://watch-company.kz/18.js:2146:103)
at __webpack_require__ (http://watch-company.kz/js/app.js:64:30)
at Module../node_modules/@ckeditor/ckeditor5-ckfinder/src/ckfinder.js (http://watch-company.kz/18.js:346:93)
Как правильно сделать, бьюсь уже 3 день, любая информация будет полезна.
Основное что мне надо это чтоб загружались фото.
Средний
