如何在Vue中设置CKfinder和CKeditor

Question

我正在开发Vue项目，并且我成功地将CKeditor与CKfinder集成在一起，但是当我点击CKfinder图像上传器时，它打开了https://ckeditor.com/apps/ckfinder/3.4.5/core/connector/php/connector.php?command=Init&lang=en

我可以在哪里设置本地图片上传文件夹，我可以在哪里找到或上传图片？在Vue这里是我的代码

<template>
   <ckeditor :editor="notesEditor" v-model="form.internal_notes" :config="notesEditorConfig" :class="" @ready="onReady"></ckeditor>
</template>

<script>
   bodyEditor: DecoupledEditor,
        bodyEditorConfig: {
            toolbar: [
                'imageupload', 'ckfinder', '|', 'heading', '|', 'fontFamily', 'fontSize', '|', 'bold',
                'italic',
                'blockQuote', 'imageStyle:full', 'link',
                'alignment', 'numberedList', 'bulletedList', 'insertTable',
                'mergeTableCells', 'undo', 'redo'
            ],
            ckfinder: {
                uploadUrl: '/ckfinder/connector?command=QuickUpload&type=Files&responseType=json',
                filebrowserBrowseUrl: '/ckfinder/browser',
                filebrowserImageBrowseUrl: '/ckfinder/browser?type=Images',
                filebrowserUploadUrl: '/ckfinder/connector?command=QuickUpload&type=Files',
                filebrowserImageUploadUrl: '/ckfinder/connector?command=QuickUpload&type=Images'
            }
        },
        notesEditor: DecoupledEditor,
        notesEditorConfig: {
            toolbar: ['bold', 'italic', '|', 'link']
        }
</script>

我在哪里需要提到本地路径？

Answer 1

CKfinder图像上传它打开https://ckeditor.com/apps/ckfinder/3.4.5/core/connector/php/connector.php?command=Init&lang=en

我不确定你是什么意思，但是如果你试图从ckeditor.com引用演示CKFinder，这将不起作用。您需要在服务器上本地安装CKFinder。

---

假设您在本地安装了CKFinder，则需要在ckfinder/config.php文件中配置其服务器端，以便它指向正确的文件文件夹。 CKFinder使用后端和资源类型：https://ckeditor.com/docs/ckfinder/ckfinder3-php/configuration.html#configuration_options_backends https://ckeditor.com/docs/ckfinder/ckfinder3-php/configuration.html#configuration_options_resourceTypes

后端是存储定义，其中两个最重要的配置设置是root和baseUrl。 root指向本地文件系统上的文件夹位置，而baseUrl指向可通过HTTP访问的位置。这些是您需要配置的两个设置。

资源类型是特定类型文件的根文件夹。它们可以与特定的后端连接（通过与后端名称匹配的backend属性），并用于通过directory属性进一步配置上传的文件路径。

注意：CKFinder配置中URL中的&type=Images是应将文件上载到的资源类型的名称。如果您决定修改资源类型，则可能还需要修改该参数。