概要
Sublime Text で Font Awesome（ version 4.3 版 ） のタグを楽に入力するために、 snippet を作成 します。
以前、Font Awesome（ version 4.2 版 ）として公開した情報をベースに説明します。
Sublime Text | Font Awesome のタグを snippet 化して楽に入力する
Snippet 生成スクリプト
version 4.2 用に作成したスクリプトをそのまま利用できます。
ただし、サンプル確認用の HTML 出力処理については、 FontAwesome の stylesheet 用の URL
を 4.2 から 4.3 に変更する必要があります。
修正前
# 略
<link href="http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
# 略
修正後
# 略
<link href="http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet">
# 略
出力結果の Snippet
-
出力結果は下記の GitHub リポジトリにあります
-
Font Awesome Samples
Snippet を使ってみる
デモ
デモで作成した Markdown をプレビュー
備考
- 公式ドキュメントをスクレイピングして Snippet を生成しているため、公式ドキュメントの HTML の構造が変わると動作しなくなります