更改CKEditor中“格式”下拉菜单的大小

Question

我想在CKEditor中更改“格式”下拉菜单（选择）的大小。我怎么能这样做？

Answer 1

只需更改.cke_format_panel班级样式即可。使用!important只是为了确定：

.cke_format_panel
{
    height: 250px !important;
}

Answer 2

我使用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_panel或cke_combopanel，但这也会影响样式菜单，但您可以使用再次覆盖它们cke_combopanel__styles ：

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

注意： css必须进入主要文档的样式，而不是 CKEditor的样式。这是因为类被分配给divs，div包含包含菜单的iframe，而不是iframes本身，其中加载了CKEditor样式。