如何在 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}

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