React Как получить все доступные бесплатные плагины и инструменты для CKEditor, похожего на Django

В моем бэкенде Django у меня есть все доступные инструменты и плагины CKEditor, но в React у меня очень мало плагинов. Смотрите два скриншота

скриншот django

скриншот реакции

Почему я не получаю все инструменты и плагины, как в Django, в моем приложении React?

мой react config:

import { CKEditor } from '@ckeditor/ckeditor5-react';
import ClassicEditor from '@ckeditor/ckeditor5-build-classic';
function CreateBlog() {
   
      upload() {
        return this.loader.file.then((file) =>
          new Promise((resolve, reject) => {
            const formData = new FormData();
            formData.append('upload', file);
    
            handleAxois(`${domain}/ckeditor/upload/`, 'post', formData, {
              headers: {
                'Content-Type': 'multipart/form-data'
              }
            })
              .then((res) => {
                console.log(res.data); // Debugging: Check the response to ensure the full URL
                resolve({
                  default: `${domain}${res.data.url}`  // Use the full URL returned from the server
                });
              })
              .catch((err) => {
                reject(err);
              });
          })
        );
      }
    
      abort() {}
    }



  return (
    <> <CKEditor
                          editor={ClassicEditor}
                          data={subtitle.description}
                          onChange={(event, editor) => {
                            const data = editor.getData();
                            handleSubtitleChange(index, subtitleIndex, 'description', data);
                          }}
                          config={{
                            extraPlugins: [CustomUploadAdapterPlugin],
                            mediaEmbed: {
                              previewsInData: true
                            },
                            filebrowserUploadUrl: '/ckeditor/upload/',
                            filebrowserImageUploadUrl: '/ckeditor/upload/',
                            height: 500,
                          }}
                        />
</>
}

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