コードハイライタープラグインを Crayon Syntax Highlighter にしてみました。
2013/06/12
一応、技術ブログを気取っているので、PHPなどのソースコードを書く時に使うコードハイライタープラグインを「Crayon Syntax Highlighter」に変えてみました。
見た目もそうですが、使い方、管理もかなりしやすくなりましたのでその紹介とともに、使い方の忘備録としてポストします。
Crayon Syntax Highlighterについて
インストール
いつもの様に、プラグインの検索から「Crayon Syntax Highlighter」を探してインストール、有効化でOK。
設定方法
テーマ
23種類の中からデザインを選びます。
あっさりさせたかったので、「Idle」をチョイス。
フォント
フォントを等幅フォントにしたかったので「Droid Sans Mono」を選択。
フォントサイズは 12px、Line Heightは 17px ぐらいにしてみました。
サイズ
デフォルト
ツールバー
ツールバーの表示：常に表示
行
デフォルト
コード
デフォルト
タグ
Crayonsとして[php][/php]のようなミニタグをキャプチャします。 にチェック。
プログラム言語
読込ファイル
デフォルト
Posts
デフォルト
タグエディタ
デフォルト
その他
デフォルト
エラー
デフォルト
ログファイル
デフォルト
書き方
以下の画像にある言語に対応しています。
どれに当たるのかわからない時は [default][/default]で囲っておけば、とりあえずOKな仕様。
便利ですね。
行をマークする場合
mark="" でマーク行を指定。カンマ区切りで複数指定可能。"4-8"とすれば、連続でマークします。
書式
[php mark="2,5,9"]ソースコード[/php]
表示例
[php mark="2,5,9"]
$v ) {
if ( $v == "aaaaa" ) {
echo 'YES!!';
} else {
echo 'NOOOO!!';
}
$cnt++;
}
echo '回数：' . $cnt . '回、回ったよ！';
?>
[/php]
書式
[php mark="2-5"]ソースコード[/php]
表示例
[php mark="4-8"]
$v ) {
if ( $v == "aaaaa" ) {
echo 'YES!!';
} else {
echo 'NOOOO!!';
}
$cnt++;
}
echo '回数：' . $cnt . '回、回ったよ！';
?>
[/php]
開始行番号の指定
[start-line="51"] とすれば、51番から数字が始まります。
[php start-line="51"]
$cnt = 1;
foreach ( $arr AS $k => $v ) {
if ( $v == "aaaaa" ) {
echo 'YES!!';
} else {
echo 'NOOOO!!';
}
$cnt++;
}
echo '回数：' . $cnt . '回、回ったよ！';
[/php]
タグエディタ
タグエディタからも使えるのですが、個人的に使わないので割愛。（えー）
[tgAmazonItemLookup asin="B007R99SL4" related="1"]