StackEdit图标

Question

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

有谁知道在哪里可以找到各种用途的图标代码列表(详尽无遗)？显然,通过"关于"部分中的信用,它使用名为Font Awesome的东西来实现它,但是那里列出的代码似乎在StackEdit中不起作用.也许它实现了一些代码,但它有自己的图标代码列表.有帮助吗？

Answer 1

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

(我是StackEdit的开发者)

Answer 2

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

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);