Image upload problem in django-ckeditor-5

Using Django
1

I use django-ckeditor-5 in my Django project These are my ckeditor settings in settings.py

CKEDITOR_5_CONFIGS = {...}
CKEDITOR_5_ALLOW_ALL_FILE_TYPES = True
CKEDITOR_5_FILE_UPLOAD_PERMISSION = "authenticated"

url:

path('ckeditor5/', include('django_ckeditor_5.urls')),

model:

content = CKEditor5Field('content', config_name='extends')

template:

<head>
    {{ form.media }}
</head>
<body>
    <form  enctype="multipart/form-data" method="POST">
        {% csrf_token %}
        {{ form.as_p }}
        <input type="submit" value="Submit">
    </form>
</body>

But when I upload an image from my PC through admin panel or template, I get this error:
Couldn’t upload file: image_file.jpg.

console:

Not Found: /ckeditor5/image_upload/
"POST /ckeditor5/image_upload/ HTTP/1.1" 404 3376
2

If you use a custom storage for your static files check this setting:
CKEDITOR_5_FILE_STORAGE

Also, do you have "extends": { .... "mediaEmbed": {"previewsInData": "true"}, }, in your CKEDITOR_5_CONFIGS ?

3

I don’t use a custom storage. That was all the settings.
yes I have extends in CKEDITOR_5_CONFIGS and it shows correctly on the page I just can’t upload anything

4
  1. What are your
 `STATIC_URL = '/static/'

  MEDIA_URL = '/media/'

  MEDIA_ROOT = os.path.join(BASE_DIR, 'media')`
  1. What are your CKEDITOR_5_CONFIGS?
  2. Which version of ckeditor-5 you use?
  3. Did you check the docs? django-ckeditor-5 · PyPI
5 
STATIC_URL = "static/"
STATIC_ROOT = BASE_DIR / "static"
STATICFILES_DIRS = [BASE_DIR / "staticfiles"]

MEDIA_URL = "media/"
MEDIA_ROOT = BASE_DIR / "media"

ckeditor config:

CKEDITOR_5_CONFIGS = {
    'extends': {
        'toolbar': {
            'items': [
                'undo', 'redo', '|', 'selectAll', 'findAndReplace', '|', 'heading', '|', 'fontSize', 'fontColor',
                'fontBackgroundColor', '|', 'bold', 'italic', 'underline', 'strikethrough', 'subscript', 'superscript',
                'highlight', '|', 'link', 'insertImage', 'mediaEmbed', 'fileUpload', 'insertTable', '|',
                'blockQuote', 'specialCharacters', 'horizontalLine', '|', 'alignment', 'bulletedList', 'numberedList',
                'outdent', 'indent', 'removeFormat'
            ],
            'shouldNotGroupWhenFull': True
        },
        'fontSize': {
            'options': [10, 12, 14, 'default', 18, 20, 22],
            'supportAllValues': True
        },
        'heading': {
            'options': [
                {
                    'model': 'paragraph',
                    'title': 'Paragraph',
                    'class': 'ck-heading_paragraph'
                },
                {
                    'model': 'heading1',
                    'view': 'h1',
                    'title': 'Heading 1',
                    'class': 'ck-heading_heading1'
                },
                {
                    'model': 'heading2',
                    'view': 'h2',
                    'title': 'Heading 2',
                    'class': 'ck-heading_heading2'
                },
                {
                    'model': 'heading3',
                    'view': 'h3',
                    'title': 'Heading 3',
                    'class': 'ck-heading_heading3'
                },
                {
                    'model': 'heading4',
                    'view': 'h4',
                    'title': 'Heading 4',
                    'class': 'ck-heading_heading4'
                },
                {
                    'model': 'heading5',
                    'view': 'h5',
                    'title': 'Heading 5',
                    'class': 'ck-heading_heading5'
                },
                {
                    'model': 'heading6',
                    'view': 'h6',
                    'title': 'Heading 6',
                    'class': 'ck-heading_heading6'
                }
            ]
        },
        'htmlSupport': {
            'allow': [
                {
                    'name': '/^.*$/',
                    'styles': True,
                    'attributes': True,
                    'classes': True
                }
            ]
        },
        'image': {
            'toolbar': [
                'toggleImageCaption', 'imageTextAlternative', '|', 'imageStyle:inline', 'imageStyle:wrapText',
                'imageStyle:breakText', '|', 'resizeImage'
            ]
        },
        'link': {
            'addTargetToExternalLinks': True,
            'defaultProtocol': 'https://',
            'decorators': {
                'toggleDownloadable': {
                    'mode': 'manual',
                    'label': 'Downloadable',
                    'attributes': {
                        'download': 'file'
                    }
                }
            }
        },
        'list': {
            'properties': {
                'styles': True,
                'startIndex': True,
                'reversed': True
            }
        },
        'placeholder': 'Type something',
        'table': {
            'contentToolbar': ['tableColumn', 'tableRow', 'mergeTableCells', 'tableProperties', 'tableCellProperties']
        },
    }
}

django-ckeditor-5 version: 0.2.13

6

Try this

CKEDITOR_5_CONFIGS = {
       'extends': {
           # ... (keep all your existing configuration)
           'simpleUpload': {
               'uploadUrl': '/ckeditor5/image_upload/',
           },
       }
   }
7

@ArianN8610 I happen to be experiencing the same issue, did you happen to find a solution?

8

No, I didn’t find a solution. I don’t use ckeditor anymore, I installed tinymce