[SyntaxHighlighter] jQuery用Brush (jQuery 1.9対応版)

2013年1月25日金曜日

[SyntaxHighlighter] jQuery用Brush (jQuery 1.9対応版)

jQuery 1.9対応のSyntaxHighlighter用Brushを作ってみましたので、公開します。
Brushのエイリアスは、jq、jqueryです。
このBrushを使うと、jQuery APIが以下のようにハイライトされます。

$(document).ready(function(){
  // #hogeに#fugaを追加
  $('#hoge').append($('<div>').prop('id','fuga').attr('key','bar').text('baz'));
  $('input[type="radio"]:checked').click(
    function(){
      alert($(this).val());
      $('#hogehoge').addBack('.hoge').text($(this).val());
    }
  );
});

jQuery 1.9時点でdeprecated/removedとなったメソッドは色を分けています。
1.9で削除された.live()、.die()メソッドの例

$('.live').live('click', liveFunction);
$('.live').die('click', liveFunction);

また、deprecated/removedとなっていても、同名のメソッドがdeprecated/removedではない場合は、通常のjQuery APIとしてハイライトされます。
.toggle()メソッドの例

$('.target').toggle();

$('#target').toggle(function() {
  alert('First handler for .toggle() called.');
}, function() {
  alert('Second handler for .toggle() called.');
});

以下で実際に確認することが可能です。
SyntaxHighlighter用タグ変換/生成ツール - ログろいど

jQuery 1.9でのjQuery APIに対応しています。
1.9以下のバージョンでも正常にハイライトされると思います。
ただし、前述のとおり、jQuery 1.9時点でdeprecated/removedとなったメソッドは色分けされます。