Sublime Text2用ZenCodingで閉じタグの後ろにコメントを加える方法

f:id:fushimik:20130109184950g:plain

Dreamweaver用の閉じタグの後ろにコメントを加える方法は、
http://d.hatena.ne.jp/AyeBee_TY/20111017/1318834963
で、みつけて便利に使わせていただいてましたが、
Sublime Text2を使うことが多くなり、探したけど見つかんない!
って、ことで自分でいじってみたよ。

Windowsの場合しかわかんないけど、macな人もファイルを探し出せばいいはず!

Windowsの場合、
C:\Users\<ユーザー名>\AppData\Roaming\Sublime Text 2\Packages\ZenCoding\zencoding\filters
の、 html.py を編集します。

※いちお、バックアップとっておくこと!

171行目271行目に

# define opening and closing tags

ってコメントがありますので、その下の下記の部分を書き換えます。

    else:
        start = '<' + tag_name + attrs + '>'
        end = '</' + tag_name + '>'

ここを↓
    else:
        start = '<' + tag_name + attrs + '>'
#        end = '</' + tag_name + '>'
        if 'id=' in attrs or 'class=' in attrs:
            commentStr = '/' + attrs.lstrip()
            commentStr = commentStr.replace('id=', '#')
            commentStr = commentStr.replace('class=', '.')
            commentStr = commentStr.replace(chr(0x22), '')
            end = '</' + tag_name + '><!-- ' + commentStr + ' -->'
        else:
            end = '</' + tag_name + '>'
ってね。

2012/1/2追記 Sublime Text2用を再起動が必要です。

 

快適な、ZenCoding ライフを~