Bootstrap 3.0 的图标选择器 - 使用自定义字体集

Question

Bootstrap 3.0的Iconpicker只使用默认图标集fontawesome和glyphicon。我如何使用自定义图标字体来使用Iconpicker？

http://victor-valencia.github.io/bootstrap-iconpicker/

- bigLund8

Answer 1

如果你还在寻找一个可自定义的图标选择器，我已经发布了一个名为Font Awesome Icon Picker的选择器，很多天前 http://mjolnic.github.io/fontawesome-iconpicker/ 使用这个插件，你可以使用自己的字体和类前缀（页面上有一个示例）。

我还编写了一个Chrome扩展程序，但它只适用于Font Awesome图标包。

希望对你有用。

- itsjavi

Answer 2

如果您查看图标选择器的源代码，您会注意到字形图标和字体awesome类在javascript文件中是硬编码的，并且似乎没有办法放置自己的图标集。

几天前我遇到了这个挑战，我通过使用select2并使用它来填充一个图标集来解决了这个问题。

请参见fiddle：http://jsfiddle.net/m9yLa/2/ HTML:

<select id="icon">
    <option value="img1">Img 1</option>
    <option value="img2">Img 2</option>
</select>

JavaScript：

var formatResult = function (state) {
    if (state.id === "profile") return "<img src='img.png' width=48 />";
    else return "<img src='img2.png' width=48 />";
};
$('#icon').select2({
    formatResult: formatResult,
    formatSelection: formatResult,
    minimumResultsForSearch: -1,
    width: 90
});

CSS：

.select2-choice {
    height:60px !important;
    width:90px
}

- Matthew Doyle