如何更改tinymce插件图标

Question

我正在使用jbimages插件。我想使用tinymce_icons.gif中的一个不同的图标。我知道在哪里进行更改，但不知道它应该是什么。在jbimages中我找到了以下代码：

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

那么我在哪里可以找到图标名称列表，以便将其更改为我想要的图标？

Answer 1

以下是查找图标并选择所需图标的方法：

TinyMCE版本4不再使用tinymce_icons.gif。它使用icomoon字体。

在icomoon中找到你想要的图标并记下字符代码（在我的例子中为E034）。 在skin.min.css中找到字符代码。 查看插入该字符代码的css类的名称（在我的例子中为.mce-i-browse）。 图标名称如下.mce-i（对我来说是“浏览”） 我替换了plugin.min.js中的图标名称

更多信息：在Windows中，您可以发现字符代码，如下所示： 安装字体。 启动Word并转到插入符号（更多符号）。 选择icomoon字体。 在“插入符号”对话框中查看字符代码。