Интеграция CKFinder в CKEditor на Vue.js - PullRequest
Новая
       23

Интеграция CKFinder в CKEditor на Vue.js

0 голосов
/ 21 июня 2019

Я новичок в vue.js.Интегрировал CKEditor успешно, но возникли проблемы с интеграцией в него CKFinder.Я пытаюсь импортировать CKFinder в компонент CKEditor, но получаю ошибку.

Компонент CKEditor-Vue: 

<template>
    <ckeditor :editor="editor" :value="defaultValue"
              @input="editorInput" :disabled="disabled" :config="editorConfig"></ckeditor>
</template>

<script>
    import DecoupledEditor from '@ckeditor/ckeditor5-build-decoupled-document';
    import CKFinder from '@ckeditor/ckeditor5-ckfinder/src/ckfinder'

    export default {
        name: "Editor",
        props: {
            defaultValue: String,
            disabled: Boolean
        },
        data() {
            return {
                editor: DecoupledEditor,
                editorConfig: {
                    plugins: [
                        CKFinder
                    ]
                }
            }
        },
        methods: {
            editorInput(e) {
                this.$emit('getEditorData', e);
            }
        }
    }
</script>

<style scoped>
</style>

Когда я пытаюсь импортировать CKFinder, он показывает ckeditor-duplicated-modules: Some CKEditor 5 modules are duplicated..Снимок экрана: CKFinder Import Error

Я что-то не так делаю?Есть ли у вас какие-либо инструкции или исправления по моему компоненту?

Заранее благодарим за помощь.

1 Ответ

0 голосов
/ 04 июля 2019

Вам не нужно импортировать 

import CKFinder from '@ckeditor/ckeditor5-ckfinder/src/ckfinder'

, поскольку он уже включен в сборку по вашему выбору.Вам нужно только настроить , и ошибка должна исчезнуть.

...