Как сделать чтобы отображалась панель редактирования текста django-ckeditor в админ панели?

Question

[Дмитрий]

на сервере:

Python == 3.10

Django == 4.2.9

django-ckeditor == 5.9.0 - 6.7.0

редактор установил согласно инструкции https://django-ckeditor.readthedocs.io/en/latest/#... переписывать нет смысла

мои файлы:

models.py

from ckeditor.fields import RichTextField  
                
class Expert(models.Model):                 
    education = RichTextField(verbose_name='Образование')

settings.py

INSTALLED_APPS = [
    'ckeditor',
]

STATIC_ROOT = '/home/.../public_html/static/'
STATIC_URL = '/static/'

получаю ошибку в консоли

VM1137 ckeditor.js:260 Uncaught TypeError: Cannot set properties of undefined (setting 'dir')
at Object.d (VM1137 ckeditor.js:260:54)
at w (VM1137 ckeditor.js:261:181)
at Array.y (VM1137 ckeditor.js:261:336)
at z (VM1137 ckeditor.js:261:420)
at A.CKEDITOR.env.ie.f.$.onerror (VM1137 ckeditor.js:262:429)

в консоли также появляются следующие пути: expert.umiic.ru/admin/experts/expert/4/change/static/ckeditor/ckeditor/config.js?t=N5UC expert.umiic.ru/admin/experts/expert/ 4/change/static/ckeditor/ckeditor/skins/moono-lisa/editor.css?t=N5UC expert.umiic.ru/admin/experts/expert/4/change/static/ckeditor/ckeditor/lang/ru.js ?t=N5UC

как можно решить это?

Comments

[Адриан Макриденко]

здравствуйте, а покажите Ваши настройки ckeditor

[Дмитрий]

Адриан Макриденко, а его гдето дополнительно настраивать нужно, подскажите где?

[Адриан Макриденко]

Дмитрий, он настраивается в settings.py( можно где угодно на самом деле ) в переменной CKEDITOR_CONFIGS

В документации посмотрите примеры настроек и посмотрите сделали ли Вы форму

spoiler

вот настройки под мой текущий проект

CKEDITOR_CONFIGS = {
    'default': {
        'height': 300,
        'width': 650,
        'toolbar': 'Custom',
        'toolbar_Custom': [
            ['FontSize', 'Font', 'Bold', 'Italic', 'Underline', 'Strike'],
            ['JustifyLeft', 'JustifyCenter', 'JustifyRight'],
            ['NumberedList', 'BulletedList'],
            ['TextColor', 'Table'],
            ['Link', 'Unlink'],
            ['Image', 'Source'],
        ],
        'extraPlugins': ','.join(['font', 'colorbutton']),
        'font_names': 'Arial;Comic Sans MS;Courier New;Georgia;Times New Roman;Verdana',
        'fontSize_sizes': '8/8px;10/10px;12/12px;14/14px;16/16px;18/18px;24/24px;36/36px',
        'colorButton_colors': 'e50914,3f3f3f,00bcd4,2196f3,4caf50,ffeb3b,ff9800,ff5722',
        'startupFocus': 'Ваш собственный текст здесь.',
        'ImageAltRequired': False,
    },
}

[Дмитрий]

Адриан Макриденко, я не настраивал, думал из коробки дефолтный запустить хотябы

[Адриан Макриденко]

Дмитрий, попробуй формы прописать

[Дмитрий]

Адриан Макриденко, вы имеете в виду виджет еще дополнительно прописать? я не много теряюсь где его прописывать в admin.py или forms.py чтобы у меня в админке он отобразился

[Адриан Макриденко]

Дмитрий, создай в своем django-приложении /templates/form_tamplate.html

примерно с таким содержанием: (из документации взял)

{% extends "admin/edit_inline/tabular.html" %}

{% block extrastyle %}
  {{ block.super }}
  <style>
    /* Add any additional styles if needed */
  </style>
{% endblock %}

{% block contents %}
  <div class="inline-related{% if forloop.last %} last-related{% endif %}">
    {{ inline_admin_formset.formset.management_form }}
    {% for form in inline_admin_formset.forms %}
      {% include "admin/includes/fieldset.html" %}
      <div class="form-row{% if forloop.last %} add-row{% endif %}{% if inline_admin_formset.can_delete %}{% if form.original or form.show_url %} stacked{% else %} tabular{% endif %}{% endif %}">
        {% for fieldset in inline_admin_formset %}
          {% for line in fieldset %}
            {% for field in line %}
              {% if field.name %}
                <td class="field-{{ field.name }}{% if field.widget.attrs.class == 'ckeditor' %} ckeditor{% endif %}{% if field.errors %} errors{% endif %}">
              {% else %}
                <td{% if field.errors %} class="errors"{% endif %}>
              {% endif %}
              {% if field.is_readonly %}
                <p{% if field.widget.input_type == 'hidden' %} style="display:none;"{% endif %}>{{ field.contents }}</p>
              {% else %}
                {{ field.errors.as_ul }}
                {{ field }}
              {% endif %}
              </td>
            {% endfor %}
          {% endfor %}
        {% endfor %}
      </div>
    {% endfor %}
  </div>
{% endblock %}

затем в твоем admin-файле создай форму ( forms.ModelForm ) под твою модель и укажи там виджет CKEditorWidget() ( не забудь про импорты from ckeditor.widgets import CKEditorWidget )

[Дмитрий]

Адриан Макриденко, не помогло только подвисать стало больше

Answer 1

[Дмитрий]

может у кого случится тоже самое, мне помогло следующее:
-удалить папку с миграциями
-python manage.py makemigrations
-python manage.py migrate
-killall -9 apache2

все обновляем страницу все работает