Dreamweaver拡張機能「閉じタグコメントを挿入」を便利に使う
Posted by poundhound on
(X)HTMLのコードの可読性を高めるために、divの閉じタグ手前にいつもコメントを入れています。けれどもこれが結構面倒な作業で、自動にならないかなと思っていたら面白法人カヤックさんのKAYAC DESIGNER'S BLOGでDreamweaver用拡張機能として公開されていました。
コメントを生成して挿入するDreamweaver用拡張機能を作成しました
ただこの閉じタグのコメント、コーダーによっては様々な書き方があると思います。初期では<!-- / ClassName -->になっているのですが、HTMLファイルに記述されたJavaScriptコードをちょこっと変更することでカスタマイズ出来ます。
※カスタマイズは自己責任でお願いします。
カスタマイズするHTMLファイルの場所(Dreamweaver CS3の場合)
- MacOS
- Macintosh HD/ユーザー/ユーザー名/ライブラリ/Application Support/Adobe/Dreamweaver9/Configuration/ExtensionData/MM/End_comment.html
- Windows
- C:\Documents and Settings\ユーザー名\Application Data\Adobe\Dreamweaver 9\Configuration\ExtensionData\MM?End_comment.html
このファイルの19行目
var insComment = "<!-- /" + theId + theClass + " -->";このダブルクォーテーションで囲まれた部分を変更すればOKです。
[2010.09.07追記]
Dreamweaver CS4の場合、Dreamweaver CS4/ja-JP/Configuration/...にあるようです。
この拡張機能をインストールすると、[コマンド] → [閉じタグコメントを挿入]でコメントを入れてくれるのですが、ショートカットキーを設定することにより格段に効率があがります。ちなみに私はoption + command + cに設定しています。
Jingと言うフリーの画面動画キャプチャーソフトを入れてみたので試しに動画を撮ってみましたのでお暇な方は見て見てください。
2 Comments
1
cs4だと どれ修正したらいいのでしょう？
2
コメントありがとうございます。
すいません、CS4は使ってないので分からないのですが、カヤックさんのブログでmxiファイルとhtmlファイルをzipにした元ファイルが公開されています。
こちらをダウンロードして解凍し、中のEnd_comment.htmlファイルを編集して下さい。
Adobe Extention Managerを起動し、[ファイル]→[拡張機能の作成]を選び、解凍した後に出来るEnd_comment.mxiを指定するとmxpファイルが出来上がりますので、これをExtention Manageerからインストールすれば使えるようになると思います。