Как включить поддержку загрузки изображений в CKEditor 5?

Я буду использовать ckeditor v5 в своем проекте. Я пытаюсь использовать плагин изображения, но я не нашла достаточно информации об этом.

Если вы видите Demoe здесь, вы легко загружать изображения с помощью Drag & Drop. Но когда я попробую это с загрузкой ballon zip, ничего не происходит, когда я пытаюсь перетащить изображение. Ошибки также нет.

есть ли способ, чтобы использовать эту поддержку изображения в downladable вариант?

7
ckeditor ckeditor5 javascript

1 ответов

да, загрузка изображений включена во все доступные сборки. Есть два встроенных адаптера:

  • на CKFinder (это ссылки на веб-сайт CKEditor 4, но это тот же CKFinder), который требует установки соединителей CKFinder на вашем сервере (есть два доступных соединителя:CKFinder для PHP и CKFinder для ASP.NET).

    как только вы имеете соединитель установленный на ваш сервер, вы можете настройте CKEditor для загрузки файлов в этот соединитель, установив config.ckfinder.uploadUrl:

    ClassicEditor
    .create( editorElement, {
        ckfinder: {
            uploadUrl: '/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Files&responseType=json'
        }
    } )
    .then( ... )
    .catch( ... );

  • на Easy Image сервис, который является частью Облачные Сервисы CKEditor.

    вам нужно настройка облачной услуги и после создана конечная точка токена настройте редактор для его использования:

    ClassicEditor
    .create( editorElement, {
        cloudServices: {
            tokenUrl: 'https://example.com/cs-token-endpoint',
            uploadUrl: 'https://your-organization-id.cke-cs.com/easyimage/upload/'
        }
    } )
    .then( ... )
    .catch( ... );

отказ от ответственности: Это частные услуги.

вы также можете написать свой собственный адаптер загрузки, который будет отправлять файлы так, как вы хотите на свой сервер (или куда вы хотите их отправить). Чтобы узнать больше о реализации собственного адаптера загрузки, прочитайте FileRepository и UploadAdapter интерфейса. Вы также можете проверить код адаптер CKFinder для получения дополнительной вдохновения.

вы можете добавить адаптер загрузки в сборку во время выполнения, но лучший способ сделать это-добавить плагин в сборку. Для этого необходимо перестроить редактор, о котором вы можете прочитать в создание пользовательских сборок руководство.

11