Как добавить пользовательские стили CSS в редактор django-ckeditor?

Я хочу иметь возможность добавлять пользовательские стили CSS, которые я уже определил в своих CSS-файлах. Я прочитал документацию здесь и здесь, но это просто не работает.

**django-ckeditor version **

django-ckeditor       6.7.1

Это конфигурация ckeditor

CKEDITOR_CONFIGS = {
    'default': {
        'allowedContent': True,
        'stylesSet':[
            {
            'name':'highlighted-text', 'element':'div', 'attributes':{'class':'highlighted-text'}
            },
        ],
        'toolbar': 'Custom',
        'toolbar_Custom': [            
            ['Bold', 'Italic', 'Underline'],
            ['NumberedList', 'BulletedList', '-', 'Outdent', 'Indent', '-', 'JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyBlock'],
            ['Link', 'Unlink'],
            ['RemoveFormat', 'Source', 'Image', 'Table']
        ],
    }
}

** Вот так выглядит django-ckeditor **

enter image description here

Есть мысли?

Я бы дал общий ответ. Это означает, что он будет охватывать все сценарии. Не конкретно для django-ckeditor.

Метод : использование пользовательского файла стилей css

Методология -

1) Откройте нужную веб-страницу (страницу/область, которую вы хотите настроить) в хроме (любом браузере по вашему желанию)

2) Щелкните правой кнопкой мыши на области, которую вы хотите стилизовать/настроить

3) Нажмите на Открыть в debug mode (контекстное меню браузера)

4) Найдите elements, который вы хотите настроить

5) Скопируйте class в новый текстовый файл

6) Добавьте свои стили, как показано ниже

.coped_class_name{
color:green !important;
} 

Сохраните этот файл с расширением .css. И Переместите/скопируйте этот файл в папку django static.

8)

Добавьте этот css-файл на нужную вам страницу. И Обновите страницу. Перезапустите сервер, если стили не отображаются.

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