CKEditor 5 и кнопка изображения

Я пытаюсь понять, как загружать изображения с помощью CK Editor 5. Теперь я видел множество различных плагинов, но я хотел бы узнать, как это работает для себя. Я заметил, что если я нажимаю кнопку изображения, я получаю диалоговое окно для загрузки изображения, а затем выбираю изображение, и ничего не происходит.

Основываясь на руководствах и статьях, которые я читал, я предполагаю, что мне нужно сохранить изображение на сервере, а затем вернуть URL-адрес ckeditor, чтобы он мог использовать его для отображения изображения.

Что я не могу понять, так это как это сделать. Где в коде ckeditor js я бы добавил свою собственную логику, чтобы он мог забрать загруженное изображение, отправить его на сервер, а затем вернуть URL-адрес в редактор ck?

Я просмотрел много подобной документации, но, похоже, ничего не могу найти.

https://docs.ckeditor.com/ckeditor5/latest/features/image.html
https://docs.ckeditor.com/ckeditor5/latest/features/image-upload.html
https://docs.ckeditor.com/ckeditor5/latest/builds/guides/integration/configuration.html


javascript ckeditor ckeditor5 ckeditor4.x ckeditor.net
person Bagzli    schedule 13.03.2018    source источник

Ответы (1)


arrow_upward
2
arrow_downward

Я пытаюсь понять, как загружать изображения с помощью CK Editor 5. Теперь я видел множество различных плагинов, но я хотел бы узнать, как это работает для себя. Я заметил, что если я нажимаю кнопку изображения, я получаю диалоговое окно для загрузки изображения, а затем выбираю изображение, и ничего не происходит.

Вы проверили консоль? На консоли, если у вас неправильно настроен редактор, у вас будет что-то вроде этого:

filerepository-no-upload-adapter: Upload adapter is not defined. Read more: https://docs.ckeditor.com/ckeditor5/latest/framework/guides/support/error-codes.html#error-filerepository-no-upload-adapter

Теперь есть два встроенных адаптера загрузки - для серверного коннектора CKFinder и для Служба Easy Image, предоставляемая Облачные службы CKEditor. Оба должны быть настроены для работы:

Роль адаптера загрузки состоит в том, чтобы предоставить функцию, которая отправит файл на сервер (любым способом) и уведомит редактор после завершения загрузки (путем возврата URL-адреса этого файла). Об остальном позаботится редактор - вставка изображения в контент, отображение индикатора выполнения и т. Д.

Помимо использования встроенных адаптеров, вы можете написать свой собственный. Видеть:

person Reinmar    schedule 21.03.2018