Sublime Text2用ZenCodingã§é–‰ã˜ã‚¿ã‚°ã®å¾Œã‚ã«ã‚³ãƒ¡ãƒ³ãƒˆã‚’åŠ ãˆã‚‹æ–¹æ³•

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 ライフを～