Tags

閉じる

Category

閉じる

Search

Search

閉じる

戻る

意匠部、渕上です。
htmlの閉じタグの手前にコメントを入れることがめんどくさくなったので、Dreamwaver用の拡張機能を作って解決することにしました。

どういうコメントかというと、以下のようなやつです。

<div id="container">
~~~
<!-- /#container --></div>

このコメントを入れることでコードの見通しがよくなるので絶対いれたほうがいいことはわかってるんですが、idやclass名を記述しなきゃいけないのがちょっと大変なんですねー。


ダウンロード

ということで、作成した拡張機能はコチラ。

ダウンロード - End_comment.mxp


インストール

mxpファイルをダブルクリックするとAdobe Extention Managerが立ち上がりインストールされます。

インストールできないことがあります

「メニューを更新できませんでした」というメッセージが表示されてインストールが失敗することがあります。
どうやら自分でショートカットキーをカスタマイズをするなどしていると、メニューの上書きができずに失敗してしまうみたいです。

参考

http://forums.adobe.com/thread/417467

C:\Users \<ユーザー名>\AppData\Roaming\Adobe\Dreamweaver CS4\ja_JP\Configuration\Menus\

要するにここにmenu.xmlが存在しているとメニューが更新できないので移動させてからインストールしてください、ということでした。


実行方法

htmlファイルのコメントを挿入したい箇所(閉じタグの手前)にカーソルを置いて コマンドメニューの「閉じタグコメントを挿入」から実行してください。


おわり

はじめて作った拡張機能なので、不具合などなどあるかもしれません。
もし見つけたらご連絡ください!


おまけ

拡張機能の中身(htmlファイルとmxiファイル)も公開します。

ダウンロード - html_mxi

処理の部分のコードを紹介

閉じタグコメントを入れるDw用の拡張機能 - jsdo.it - share JavaScript, HTML5 and CSS