Javascript 更改“的大小”;格式";编辑器中的下拉菜单

Javascript 更改“的大小”;格式";编辑器中的下拉菜单,javascript,ckeditor,Javascript,Ckeditor,我想更改CKEditor中“格式”下拉菜单(选择)的大小。我该怎么做 只需更改.cke\u格式\u面板类样式即可。使用!重要信息请确保: .cke_format_panel { height: 250px !important; } 我正在使用CKEditor 4,以下类被分配到格式菜单: cke cke_reset_all cke_1 cke_panel cke_combopanel cke_ltr 而样式菜单具有: cke cke_reset_all cke_1 cke_pane

我想更改CKEditor中“格式”下拉菜单(选择)的大小。我该怎么做


只需更改
.cke\u格式\u面板
类样式即可。使用
!重要信息
请确保:

.cke_format_panel
{
    height: 250px !important;
}

我正在使用CKEditor 4,以下类被分配到格式菜单:

cke cke_reset_all cke_1 cke_panel cke_combopanel cke_ltr
样式菜单具有:

cke cke_reset_all cke_1 cke_panel cke_combopanel cke_ltr cke_combopanel__styles
因此,您需要使用
cke\u面板
cke\u组合面板
,但这也会影响样式菜单,但您可以使用cke\u组合面板再次覆盖它们:

.cke_combopanel {
     width: 250px !important;
}
.cke_combopanel__styles {
    width: 150px !important;
}

注意:css必须进入主文档的样式,而不是编辑器的样式。这是因为类被分配给div,div包装包含菜单的iframe,而不是在加载CKEditor样式的iframe内部

我正在查看代码-似乎没有配置设置,需要覆盖几个CSS声明,从“cke_styles_panel”开始。因为这个对话框使用了一个IFrame,所以跟踪起来有点麻烦。这适用于当前的Chrome,但不适用于当前的Firefox