5

私は最近、Markdown 構文 (StackExchange でも実装されています) を使用してテキストを HTML に変換し、(ほぼ) プレーン テキストを入力しながら HTML ドキュメントを作成できるStackEditという Web アプリケーションに出会いました。<i class='icon-upload'></i>入門ドキュメントには、HTML アイコンを生成する (私が推測する)ような特定のアイコン コードがあります。

さまざまな目的のアイコンコードのリスト (網羅的であることが非常に良い) を見つけることができる場所を知っている人はいますか? どうやら、「About」セクションのクレジットによると、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 に答える