jQuery fontIconPicker 使用

因为项目需要，找到了 jQuery fontIconPicker 图标选择器，目前里面包含的图标已经很多，很全。在使用过程中遇到到了一些阻碍。

fontIconPicker 的官网（http://codeb.it/fonticonpicker/）已经提供了相关的使用方法和一些属性的详细介绍，这里就不多讲了。

按照官网的使用方法来操作，是完全没有问题，可以正常使用。问题是我们是要将选择、保存的图标样式，直接展示在页面中，而是不需要更改。通常显示图标是通过 <i>标签：<i class="icon-lock"></i>。

fontIconPicker 提供的最直接，并且比较易用的方法是通过”数字编号“选择对应的图标，但这样保存下来的也是相应的”数字“（如：57436），这个值是不能直接使用的。必须先将这个值转换成16进制（js:parseInt('57436', 10).toString(16)），将这个16进制值与 ”&#x“ 拼接成”&#xe05c“。显示时是：<i data-icomoon="&#xe05c"></i>。注：属性是”data-icomoon“，这个值是创建fontIconPicker时配置：

因项目原有使用图标方式是<i class="icon-lock"></i>。所以为了更好的兼容，使用fontIconPicker的方法是，读取icomoon/selection.json 文件中的值。这个很好用，选中获取的值是”icon-lock“。可以直接使用<i class="icon-lock"></i> 方式显示。

官网中可以直接下载，这里也提供一个下载路径：http://download.csdn.net/detail/lixinghe91557/9400336