如何在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引用演示ckeditor.com ，這將無法正常工作。 您需要在服務器上本地安裝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是應將文件上載到的資源類型的名稱。 如果您決定修改資源類型，則可能還需要修改該參數。