5

我最近遇到了一个名为StackEdit的 web 应用程序,它允许您在输入(几乎)纯文本时创建 HTML 文档,使用 Markdown 语法(在 StackExchange 上也实现)将文本转换为 HTML。介绍性文档具有某些图标代码<i class='icon-upload'></i>,例如生成(我假设)HTML 图标。

有谁知道我在哪里可以找到用于各种目的的图标代码列表(详尽无遗)?显然,通过“关于”部分中的学分,它使用称为Font Awesome的东西来实现这一点,但那里列出的代码似乎在 StackEdit 中不起作用。也许它实现了一些代码,但有自己的图标代码列表。有什么帮助吗?

4

2 回答 2

14

https://stackedit.io/res/libs/fontello/demo.html

(我是 StackEdit 的开发者)

于 2014-03-09T13:26:42.447 回答
5

这是我通过抓取 CSS 创建的非权威列表。当 StackEdit 打开以获取列表时,我在 JavaScript 控制台中运行了此脚本:

var classes = {};
[].forEach.call(document.styleSheets, function(ss){
    [].forEach.call(ss.cssRules, function(r) {
        if (r.selectorText) {
            r.selectorText.split(/,\s*/).forEach(function(sel){
                if (/^\.(icon-[a-z\d-]+)/i.test(sel)) {
                    classes[RegExp.$1] = null;
                }
            });
        }
    });
});
var classList = Object.getOwnPropertyNames(classes);
于 2014-03-09T09:21:46.650 回答