javascript - 更改 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_panelorcke_combopanel但这也会影响样式菜单，但是你可以用cke_combopanel__styles再次覆盖它们：

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

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