@Ismail94

Как интегрировать CKeditor5 vue и CKFinder laravel?

Добрый вечер
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 день, любая информация будет полезна.
Основное что мне надо это чтоб загружались фото.
  • Вопрос задан
  • 326 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы