2013-09-10 69 views
2

我使用jbimages插件。我想使用tinymce_icons.gif中的不同圖標我知道在哪裏進行更改,但不知道它應該是什麼。在jbimages我發現下面的代碼:如何改變在TinyMCE插件圖標

// Add a button that opens a window 
editor.addButton('jbimages', { 
    tooltip: 'Upload an image', 
    icon : 'image', 
    text: 'Upload', 
    onclick: jbBox 
}); 

所以我在哪裏找到圖標名稱的列表,以便我可以把它改成我想要的圖標?

回答

2

這裏是如何找到圖標,然後選擇你想要的:

TinyMCE的第4版不再使用tinymce_icons.gif。它使用icomoon字體。

找到你icomoon想要的圖標,並注意字符代碼(E034在我的情況)。 在skin.min.css中查找字符代碼。 看看插入該字符代碼的css類的名稱(在我的情況下是.mce-i-browse)。 圖標名稱是如下.mce-I(「瀏覽」對我來說) 我取代了plugin.min.js圖標名稱

更多信息:在Windows中,你會發現字符代碼如下: 安裝字體。 啓動Word並轉到插入符號(更多符號)。 選擇icomoon字體。 在「插入符號」對話框中查看字符代碼。

+1

您不必使用Word,有字符映射應用程序。但tinymce字體小於標準icomoon圖標集 – Szorstki

+0

如果希望的圖標不存在於tinymce字體中,但確實存在於icomoon字體中,該怎麼辦?有什麼方法可以添加嗎? –