javascript - 如何在 tinyMCE 中更改工具栏和按钮大小

Question

我已经创建了一个编辑器页面，我正在尝试增加工具栏和按钮的大小，这是我试过的

下面是我想要的

在 tinyMCE 中有什么方法可以做到这一点，非常感谢您的帮助!

Answer 1

默认情况下，TinyMCE 只接受工具栏中20px x 20px 的图标。如果你想制作一个宽度超过 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}

根据需要更改宽度和高度值。