Реализация адаптера загрузки CKeditor CKfinder в Vue - PullRequest
Новая
       27

Реализация адаптера загрузки CKeditor CKfinder в Vue

0 голосов
/ 02 апреля 2019

Я прочитал документы и десятки тем, описывающих стек-поток, о реализации CKeditor с помощью адаптера загрузки CKfinder.Но никто не в восторге.Только о CKeditor, но ничего о CKfinder.Документы мне так неясны, и я читал и другие темы, жалуясь на это тоже.Поэтому я надеюсь, что кто-то здесь может помочь мне понять, как это работает.

Так вот, что у меня есть сейчас: 

<template>
    <section class="j-input-text-editor row">
        <label v-if="label" :class="label_class">
            {{label}}
        </label>
        <div :class="input_class">
            <ckeditor ref="editor" :editor="editor" v-model="mValue" @input="updateValue"></ckeditor>
        </div>
    </section>
</template>

<script>
    import ClassicEditor from '@ckeditor/ckeditor5-build-classic';

    export default {
        name: "textEditor",
        data() {
            return {
                mValue: '',
                editorData: '<p>Content of the editor.</p>',
                editor: ClassicEditor,
            }
        },
        created() {
            ClassicEditor
                .create( this.$refs.editor, {
                    ckfinder: {
                        uploadUrl: '/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Files&responseType=json' // here you can set your own file path
                    }
                } )
                .then(console.log('yeay'))
                .catch(console.log('error'));
        },
    }
</script>

Итак, я попытался загрузить изображение в редакторе, и я получилэто: enter image description here

Как я уже сказал.Я полностью застрял в этой точке, и Бен пытается согрешить в пятницу (выходные я не должен был работать явно)

PS Я также использую Laravel, мне нужно что-то в бэк-энде?PSS Мой английский не самый лучший, я знаю.Если мне нужно более четко объяснить, в чем заключается моя проблема, то я постараюсь сделать это для вас.

1 Ответ

1 голос
/ 16 мая 2019

Вы можете установить CKeditor. Вы можете скачать его с: https://ckeditor.com/ckfinder/download/

У них также есть пакет Laravel: https://github.com/ckfinder/ckfinder-laravel-package

...