Как настроить CKfinder и CKeditor в Vue - PullRequest
Новая
       33

Как настроить CKfinder и CKeditor в Vue

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

Я разрабатываю проект 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>

Где мне нужно указать локальный путь?

1 Ответ

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

CKfinder загрузчик изображений, он открыт https://ckeditor.com/apps/ckfinder/3.4.5/core/connector/php/connector.php?command=Init&lang=en

Я не уверен, что вы подразумеваете под этим, но если вы пытаетесь сослаться на демо CKFinder из ckeditor.com, это выигралоне работаетВам необходимо установить CKFinder локально на вашем сервере.

Предполагая, что CKFinder установлен локально, вам необходимо сконфигурировать его на стороне сервера в файле ckfinder/config.php, чтобы он указывал на правильную папку файлов.CKFinder использует Backends и Типы ресурсов для этого: https://ckeditor.com/docs/ckfinder/ckfinder3-php/configuration.html#configuration_options_backends https://ckeditor.com/docs/ckfinder/ckfinder3-php/configuration.html#configuration_options_resourceTypes

Backends - это определения хранилища, где два наиболее важных параметра конфигурации: rootи baseUrl.root указывает на местоположение папки с файлами в локальной файловой системе, а baseUrl указывает на местоположение, доступное через HTTP. Это две настройки, которые необходимо настроить .

Типы ресурсов - это корневые папки для файлов определенных типов.Они могут быть связаны с определенным Backend (через свойство backend, соответствующее имени Backend) и использоваться для дальнейшей настройки пути к загружаемым файлам через свойство directory.

ПРИМЕЧАНИЕ. URL-адрес &type=Images в вашем CKFinderconfig - это имя типа ресурса, в который должен быть загружен файл.Если вы решите изменить тип ресурса, возможно, потребуется изменить и этот параметр.

...