# Django ckeditor 5 doesn't show toolbar

**URL:** <https://forum.djangoproject.com/t/django-ckeditor-5-doesnt-show-toolbar/30805>\
**Category:** Forms & APIs\
**Created:** [May 4, 2024, 5:15am UTC](https://forum.djangoproject.com/t/django-ckeditor-5-doesnt-show-toolbar/30805 "2024-05-04T05:15:12Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![FlorianF](https://sea2.discourse-cdn.com/flex026/user_avatar/forum.djangoproject.com/florianf/32/21041_2.png) [@FlorianF](https://forum.djangoproject.com/u/FlorianF)\
**Post date:** [May 4, 2024, 5:15am UTC](https://forum.djangoproject.com/t/django-ckeditor-5-doesnt-show-toolbar/30805/1 "2024-05-04T05:15:12Z")

</div>

Hi guys,

I have a problem with django-ckeditor-5 because it doesn’t show me the toolbar in the field.

I setup the static files in the settings.py. Also added the widget to my form. The App is also added to the INSTALLED\_APPS.

And the form.media is added in my HTML-Fiel of the form. I checked everything a lot of times and also with the documentation.

[https://pypi.org/project/django-ckeditor-5/](https://pypi.org/project/django-ckeditor-5/?fbclid=IwZXh0bgNhZW0CMTAAAR18bcbBBsNL5lTAejuwsKc_zKWd9_21I2xTGOttry-uhiwd3YydsWVyFps_aem_ARcftsux4G-EUS3xYGyewQ3qDpUbJAtSvfmJK7sYxjMaiEP3-FO9aU6XD8zvquy_s78k_9YsjAXgD4QHfS8Wbx4p)

Does anybody have an idea what the problem could be or how I can find out?

I am a bit new with Python and Django 😉

Thanks a lot!!

---

<div class="post-metadata">

**Author:** ![ALEXDIN](https://sea2.discourse-cdn.com/flex026/user_avatar/forum.djangoproject.com/alexdin/32/22469_2.png) [@ALEXDIN](https://forum.djangoproject.com/u/ALEXDIN)\
**Post date:** [July 8, 2024, 1:39pm UTC](https://forum.djangoproject.com/t/django-ckeditor-5-doesnt-show-toolbar/30805/2 "2024-07-08T13:39:16Z")

</div>

Hi did you get a solution because I’m facing the same problem

---

<div class="post-metadata">

**Author:** ![anefta](https://sea2.discourse-cdn.com/flex026/user_avatar/forum.djangoproject.com/anefta/32/10649_2.png) [@anefta](https://forum.djangoproject.com/u/anefta)\
**Post date:** [July 28, 2024, 11:55pm UTC](https://forum.djangoproject.com/t/django-ckeditor-5-doesnt-show-toolbar/30805/3 "2024-07-28T23:55:28Z")

</div>

Did you try to set explicitly custom configuration in your settings.py like here? [GitHub - hvlads/django-ckeditor-5: Django CKEditor 5 integration.](https://github.com/hvlads/django-ckeditor-5)

Something like that:

```auto
  STATIC_URL = '/static/'
  MEDIA_URL = '/media/'
  MEDIA_ROOT = os.path.join(BASE_DIR, 'media')

  customColorPalette = [
        {
            'color': 'hsl(4, 90%, 58%)',
            'label': 'Red'
        },
        {
            'color': 'hsl(340, 82%, 52%)',
            'label': 'Pink'
        },
        {
            'color': 'hsl(291, 64%, 42%)',
            'label': 'Purple'
        },
        {
            'color': 'hsl(262, 52%, 47%)',
            'label': 'Deep Purple'
        },
        {
            'color': 'hsl(231, 48%, 48%)',
            'label': 'Indigo'
        },
        {
            'color': 'hsl(207, 90%, 54%)',
            'label': 'Blue'
        },
    ]

  CKEDITOR_5_CUSTOM_CSS = 'path_to.css' # optional
  CKEDITOR_5_FILE_STORAGE = "path_to_storage.CustomStorage" # optional
  CKEDITOR_5_CONFIGS = {
    'default': {
        'toolbar': ['heading', '|', 'bold', 'italic', 'link',
                    'bulletedList', 'numberedList', 'blockQuote', 'imageUpload', ],

    },
    'extends': {
        'blockToolbar': [
            'paragraph', 'heading1', 'heading2', 'heading3',
            '|',
            'bulletedList', 'numberedList',
            '|',
            'blockQuote',
        ],
        'toolbar': ['heading', '|', 'outdent', 'indent', '|', 'bold', 'italic', 'link', 'underline', 'strikethrough',
        'code','subscript', 'superscript', 'highlight', '|', 'codeBlock', 'sourceEditing', 'insertImage',
                    'bulletedList', 'numberedList', 'todoList', '|', 'blockQuote', 'imageUpload', '|',
                    'fontSize', 'fontFamily', 'fontColor', 'fontBackgroundColor', 'mediaEmbed', 'removeFormat',
                    'insertTable',],
        'image': {
            'toolbar': ['imageTextAlternative', '|', 'imageStyle:alignLeft',
                        'imageStyle:alignRight', 'imageStyle:alignCenter', 'imageStyle:side', '|'],
            'styles': [
                'full',
                'side',
                'alignLeft',
                'alignRight',
                'alignCenter',
            ]

        },
        'table': {
            'contentToolbar': [ 'tableColumn', 'tableRow', 'mergeTableCells',
            'tableProperties', 'tableCellProperties' ],
            'tableProperties': {
                'borderColors': customColorPalette,
                'backgroundColors': customColorPalette
            },
            'tableCellProperties': {
                'borderColors': customColorPalette,
                'backgroundColors': customColorPalette
            }
        },
        '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' }
            ]
        }
    },
    'list': {
        'properties': {
            'styles': 'true',
            'startIndex': 'true',
            'reversed': 'true',
        }
    }
}

```