Question

Bootstrap 3.0的Iconpicker仅使用默认图标集fontawesome和glyphicon。如何将Iconpicker与我的自定义图标字体一起使用？

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

Answer 1

如果您仍在寻找可自定义的图标选择器，我前几天发布了一个名为Font Awesome Icon Picker的http://mjolnic.github.io/fontawesome-iconpicker/

使用此插件，您可以使用自己的自定义字体和类前缀（页面中有一个示例）。

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

我希望它对你有用

Answer 2

如果您查看图标选择器的源代码控件，您会注意到字形图标和字体真棒类在javascript文件中是硬编码的，并且看起来并不存在是一种放入自己的图标集的方法。

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

请参阅小提琴：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
}

Bootstrap 3.0的Iconpicker - 使用自定义字体集

2 个答案: