Question

我已经阅读了有关使用上传适配器CKfinder实现CKeditor的文档和许多f stackoverflow主题。但是没有人可以看到。仅关于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>

所以我尝试在编辑器中上传图像，我得到了：

就像我说的那样。在这一点上，我完全陷于困境，并在星期五尝试犯罪（周末我显然没有工作）

P.S。我也在使用laravel，后端是否需要某些东西？ P.S.S.我知道我的英语不是最好的。如果我需要更清楚地解释我的问题所在，那么我会尽力为您做到这一点。

Answer 1

您可以安装CKeditor。您可以从以下网址下载：https://ckeditor.com/ckfinder/download/

他们也有Laravel软件包：https://github.com/ckfinder/ckfinder-laravel-package

在Vue中实现CKeditor上传适配器CKfinder

1 个答案: