Хотите изменить внешний вид выпадающего меню ckeditor «Стили» - PullRequest
0 голосов
/ 25 августа 2018

Использование ckeditor в Drupal 8. Само выпадающее меню слишком маленькое и короткое, а тип внутри слишком большой.Как я могу изменить форматирование самого выпадающего меню Стили?

1 Ответ

0 голосов
/ 27 августа 2018

Я не уверен, что вам нужно делать что-то особенное в Drupal 8, однако с точки зрения CKEditor вам нужно изменить классы CSS, отвечающие за выпадающие списки.

Ниже приведены классы, используемые раскрывающимися списками в CKEditor 4.x для скина по умолчанию.

Раскрывающиеся кнопки на панели инструментов:

.cke_combo__font .cke_combo_text
.cke_combo__fontsize .cke_combo_text
.cke_combo__format .cke_combo_text
.cke_combo__style .cke_combo_text 

Раскрывающиеся панели:

.cke_combopanel__font
.cke_combopanel__fontsize
.cke_combopanel__format
.cke_combopanel__styles 

Чтобы изменить размер перетаскиваемой кнопки и панели редактора, например, Форматируйте, пожалуйста, добавьте следующие правила в CSS-файл вашей страницы:

.cke_combo__format .cke_combo_text{
width:150px !important;
}

.cke_combopanel__format {
width:250px !important;
}

Поскольку панель инструментов является частью главной страницы, эти правила могут быть включены в раздел заголовка вашей HTML-страницы, могут быть помещены во внешний CSS-файл, который затем импортируется на вашу HTML-страницу (с помощью тега ссылки), или могут быть добавлены в редактор файлов скинов CSS напрямую, например в editor.css хотя последний метод будет проблематичным в случае обновления редактора, поэтому я не рекомендую его.

...