Блог

Редактор CK (версия 5) вставить скриншот, не работающий для react js.

В CKEditor 5 вы можете вставить изображение из буфера обмена (я уже протестировал его, когда увидел ваш пост), но вам нужен серверный сервер для сохранения URL изображения и возврата к интерфейсу для отображения этого изображения.

В моем случае я использую simpleUploadAdapter для сохранения и возврата URL-адреса изображения с этими конфигурациями (в серверной части):

 {
    "uploaded": true,
    "url": "http://127.0.0.1/uploaded-image.jpeg" <-- this URL is send back to frontend
}
  

Вы можете проверить документ здесь:https://www.npmjs.com/package/ckeditor5-simple-upload

Наконец, убедитесь, что у вас есть эти плагины в CKEditor:

CKFinder, EasyImage, Image, ImageUpload, PasteFromOffice, SimpleUploadAdapter

Во внешнем интерфейсе (ваше приложение React) добавьте настройку simpleUploadApdapter следующим образом:

 <CKEditor
            editor={ClassicEditor}
            data={...}
            onInit={(editor) => {}}
            config={{
              simpleUpload: {
                uploadUrl:
                  "https://your-back-end-API-uploading",
              },
            }}
            onChange={...}