CKEditor в React - загружайте изображения правильно, но редактор предупреждает об обратном

Изображение корректно отправляется на сервер и загружается, но по какой-то причине в редакторе появляется предупреждение 'Cannot Upload'.

Это React-компонент, в котором у меня есть конфигурация CKEditor:

import { CKEditor } from "@ckeditor/ckeditor5-react";
import ClassicEditor from "@ckeditor/ckeditor5-build-classic";

const PostEditor = ({ onChange, value }) => {
  return (
    <CKEditor
      editor={ClassicEditor}
      config={{
        ckfinder: {
          uploadUrl: "http://127.0.0.1:8000/api/image/list/",
        },
        upload: {
          dataType: "multipart", 
        },
      }}
      data={value}
      onChange={(event, editor) => {
        const data = editor.getData();
        // console.log(event);
        // console.log(editor);
        console.log(data);
        onChange(data);
      }}
    />
  );
};

export default PostEditor;

Вот эта ошибка:

CKEditor5 Ошибка загрузки

Проводник, в котором я выбрал изображение, не отображается в записи.

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

Я впервые использую CKEditor. Любая помощь будет полезна, спасибо!

Загрузите изображения в CKEditor.

Загрузка изображений на внутренний сервер и зарядка их в пост.

CKEditor: Ошибка загрузки. Хотя изображения были отправлены правильно

Вернуться на верх