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

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

下面是我想要的

---

有没有办法在tinyMCE做到这一点，感谢您的帮助

默认情况下，TinyMCE只接受工具栏中20px的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}

---

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

JQuery方法： 在控制台浏览器上执行以下指令时

$('a[role=button]') 

您将有20px 因此，您可以执行以下说明：

$('a[role=button],img.mceIcon,span.mceIcon').css({'width':'30px','height':'30px'})
$('img.mceIcon,span.mceIcon').css('margin','2px')

---

通过更改.defaultSkin.mceButton类，按钮的宽度增加，但图像大小不会因更改.defaultSkin span.mceIcon、.defaultSkin img.mceIcon类而增加。请检查此图像链接@bios:您也必须调整icons.gif图像（tiny_mce/themes/advanced/img/icons.gif）的大小。请告诉我如何调整该背景的大小image@bios：您可以使用图像编辑器程序。如Adobe Photoshop、Microsoft Office图片管理器等。