Как добавить пользовательские стили 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 **
Есть мысли?
Я бы дал общий ответ. Это означает, что он будет охватывать все сценарии.
Не конкретно для django-ckeditor
.
Метод : использование пользовательского файла стилей css
Методология -
1) Откройте нужную веб-страницу (страницу/область, которую вы хотите настроить) в хроме (любом браузере по вашему желанию)
2) Щелкните правой кнопкой мыши на области, которую вы хотите стилизовать/настроить
3)
Нажмите на Открыть в debug mode
(контекстное меню браузера)
4)
Найдите elements
, который вы хотите настроить
5)
Скопируйте class
в новый текстовый файл
6) Добавьте свои стили, как показано ниже
.coped_class_name{
color:green !important;
}
Сохраните этот файл с расширением .css
.
И
Переместите/скопируйте этот файл в папку django static.
8)
Добавьте этот css-файл на нужную вам страницу. И Обновите страницу. Перезапустите сервер, если стили не отображаются.