javascript - tinyMCE でツールバーとボタンのサイズを変更する方法

Question

エディター ページを作成し、ツールバーとボタンのサイズを大きくしようとしています。これが私が試したことです。

私が欲しいものは以下に与えられています

tinyMCE でこれを行う方法はありますか?

Answer 1

デフォルトでは、TinyMCEはツールバーで20pxx20pxのアイコンのみを受け入れます。20ピクセルより広いカスタマイズされたツールバーアイコンを作成する場合は、TinyMCEでui.cssを編集する必要があります。ui.css（tiny_mce / themes / Advanced / skins / default / ui.css）を編集し、次の値を変更します。

.defaultSkin span.mceIcon, .defaultSkin img.mceIcon {display:block; width:20px; height:20px}
.defaultSkin .mceButton {display:block; border:1px solid #F0F0EE; width: 20px; height:20px; margin-right:1px}

必要に応じて幅と高さの値を変更します。