如何改變工具欄和按鈕的大小在tinyMCE的

我創建了一個編輯器頁面，我試圖增加工具欄和按鈕的大小，這是我已經試過 enter image description here 如何改變工具欄和按鈕的大小在tinyMCE的

我想在下面

enter image description here

給出有沒有辦法在tinyMCE的做到這一點，任何幫助感激地接受！

2012-10-18 super

默認情況下，TinyMCE只接受工具欄中的圖標20px by 20px。如果您想製作寬度超過20像素的自定義工具欄圖標，則需要編輯TinyMCE中的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}

變化寬度和高度值：編輯ui.css（tiny_mce /主題/高級/毛皮/默認/ ui.css），並更改以下值。

來源

2012-10-18 05:11:46 Fredy

通過改變。 defaultSkin .mceButton類按鈕的寬度增加，但圖像尺寸不增加，通過改變.defaultSkin span.mceIcon，.defaultSkin img.mceIcon類。也必須調整** ** icons.gif圖像（tiny_mce /主題/高級/ IMG/icons.gif）：請檢查該圖像鏈接http://i.stack.imgur.com/ax2iw.png – super

@bios 。 – Fredy

請告訴我如何調整這種背景圖像 – super

JQuery的方法： 當您執行控制檯上的瀏覽器下面的指令，

$('a[role=button]')

您將有20像素所以，你可以做以下說明：

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

來源

2013-04-28 11:45:34

如何改變工具欄和按鈕的大小在tinyMCE的

回答

相關問題