javascript - Change the size of the "format" drop down menu in CKEditor

Question

I would like to change the size of "format" drop down menu (select) in CKEditor. How can I do this?

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_panelorを使用する必要がありますが、これはスタイルcke_combopanelメニューにも影響しますが、 cke_combopanel__stylesでそれらを再度オーバーライドできます。

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

注: cssは、CKEditor のスタイルではなく、メイン ドキュメントのスタイルに含める必要があります。これは、CKEditor スタイルが読み込まれる iframe 自体ではなく、メニューを含む iframe をラップする div にクラスが割り当てられているためです。