Drop down menu 想要改变ckeditor下拉菜单的外观吗;“风格”;

Drop down menu 想要改变ckeditor下拉菜单的外观吗;“风格”;,drop-down-menu,ckeditor,drupal-8,Drop Down Menu,Ckeditor,Drupal 8,在Drupal8中使用ckeditor。下拉菜单本身太小、太短,而且里面的类型太大。如何更改样式下拉菜单本身的格式?我不确定您是否需要在Drupal 8中执行任何特殊操作,但是从CKEditor的角度来看,您需要更改负责下拉菜单的CSS类 下面是CKEditor 4.x中的下拉列表用于默认皮肤的classess 工具栏上的下拉按钮: .cke_combo__font .cke_combo_text .cke_combo__fontsize .cke_combo_text .cke_combo__

在Drupal8中使用ckeditor。下拉菜单本身太小、太短,而且里面的类型太大。如何更改样式下拉菜单本身的格式?

我不确定您是否需要在Drupal 8中执行任何特殊操作,但是从CKEditor的角度来看,您需要更改负责下拉菜单的CSS类

下面是CKEditor 4.x中的下拉列表用于默认皮肤的classess

工具栏上的下拉按钮:

.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 
要调整编辑器droprown按钮和面板的大小(例如格式),请在页面CSS文件中添加以下规则:

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

.cke_combopanel__format {
width:250px !important;
}
由于工具栏是主页的一部分,这些规则可以包含在HTML页面的标题部分,可以放在外部CSS文件中,然后导入到HTML页面(借助链接标签)或者可以直接添加到编辑器CSS皮肤文件中,例如在
editor.CSS
中,尽管最后一种方法在编辑器升级时会有问题,所以我不推荐使用