想要更改ckeditor下拉菜单“样式”的外观

Question

在Drupal 8中使用ckeditor。下拉菜单本身太小，太短，并且内部类型太大。我如何才能真正更改“样式”下拉菜单本身的格式？

Answer 1

我不确定您是否需要在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中，尽管在编辑器升级的情况下最后一种方法会出现问题，所以我不建议这样做。