Twitter bootstrap 获取字体图标列表
我想显示所有的字体可怕的图标,我在哪里可以得到他们的列表?应该是JSON、XML或类似的格式, 答复: 回购协议中的src/icons.ymlTwitter bootstrap 获取字体图标列表,twitter-bootstrap,font-awesome,Twitter Bootstrap,Font Awesome,我想显示所有的字体可怕的图标,我在哪里可以得到他们的列表?应该是JSON、XML或类似的格式, 答复: 回购协议中的src/icons.yml 下面是一个JSON文件,其名称:entity格式: (~15K) 这是用于生成JSON的python模块: 它可以直接从网站上的读取名称和实体引用,这样可以方便地保持更新。这里有一个非常粗糙的自定义解决方案,使用C#和3.2.1版本的FontAwesome。我专门为FontAwesome拍摄并定制了它;您只需将应用程序路径输入css文件。我希望这对某
下面是一个JSON文件,其
名称:entity
格式:
(~15K)
这是用于生成JSON的python模块:
它可以直接从网站上的读取名称和实体引用,这样可以方便地保持更新。这里有一个非常粗糙的自定义解决方案,使用C#和3.2.1版本的FontAwesome。我专门为FontAwesome拍摄并定制了它;您只需将应用程序路径输入css文件。我希望这对某人有所帮助:
public List<string> ParseCssFile(string cssFilePath)
{
string aa = null;
string content = CleanCssFile(File.ReadAllText(cssFilePath));
string[] parts = content.Split('}');
for (int i = 0; i < parts.Length; i++)
{
if (!string.IsNullOrEmpty(parts[i]))
{
string[] parts1 = parts[i].Split('{');
string str = parts1[0].ToString().Remove(0, 1);
aa = string.Concat(aa, str, ",");
}
}
int len = aa.LastIndexOf(',');
string ss = aa.Remove(len);
string ss1 = aa.Remove(len - 1);
List<string> parts2 = ss.Split(',').ToList();
return parts2.Where(x => x.StartsWith("icon-") && !x.Contains('.'))
.Select(x => x.Replace(":before", string.Empty).Trim())
.Where(x => !x.Contains(' '))
.Distinct()
.ToList();
}
private string CleanCssFile(string rawText)
{
string reg = "(/\\*(.|[\r\n])*?\\*/)|(//.*)";
Regex r = new Regex(reg);
rawText = r.Replace(rawText, "");
rawText = rawText.Replace("\r", "").Replace("\n", "");
return rawText;
}
公共列表解析CSSFile(字符串cssFilePath)
{
字符串aa=null;
string content=CleanCssFile(File.ReadAllText(cssFilePath));
string[]parts=content.Split('}');
对于(int i=0;ix.StartsWith(“icon-”&&!x.Contains('.'))
.Select(x=>x.Replace(“:before”,string.Empty).Trim())
。其中(x=>!x.Contains(“”))
.Distinct()
.ToList();
}
私有字符串CleanCssFile(字符串原始文本)
{
string reg=“(/\\*(.|[\r\n])*?\\*/)|(/.*)”;
正则表达式r=新正则表达式(reg);
rawText=r.Replace(rawText,“”);
rawText=rawText.Replace(“\r”,”).Replace(“\n”,”);
返回原始文本;
}
一个肮脏的解决方案是访问,打开浏览器检查器并执行以下javascript:
Array.prototype.getUnique = function(){
var u = {}, a = [];
for(var i = 0, l = this.length; i < l; ++i){
if(u.hasOwnProperty(this[i])) {
continue;
}
a.push(this[i]);
u[this[i]] = 1;
}
return a;
}
var classes = [];
$('#icons i').each(function(){
$($(this).attr('class').split(' ')).each(function() {
if (this.length>0 && $.inArray(this.valueOf(), classes) === -1 && this.valueOf() !== "fa" ) {
classes.push("'"+this.valueOf()+"'");
}
});
});
document.body.innerHTML = classes.getUnique();
这样做的好处是,您可以立即获得所有图标类。但是,您必须手动编辑代码 “l”代表标签,“c”代表类名-堆栈在响应中有一个字符max…这对我来说很有用,谢谢!美好的这是我的:
Array.prototype.getUnique = function(){
var u = {}, a = [];
for(var i = 0, l = this.length; i < l; ++i){
if(u.hasOwnProperty(this[i])) {
continue;
}
a.push(this[i]);
u[this[i]] = 1;
}
return a;
}
var classes = [];
$('#icons i').each(function(){
$($(this).attr('class').split(' ')).each(function() {
if (this.length>0 && $.inArray(this.valueOf(), classes) === -1 && this.valueOf() !== "fa" ) {
classes.push("'"+this.valueOf()+"'");
}
});
});
document.body.innerHTML = classes.getUnique();
$font_awesome_class_list = array( Paste the list here );
echo json_encode( $font_awesome_class_list );