Dreamweaverの「ソースフォーマットの適用」で改行あり/なしをタグ毎に設定する方法

ソースフォーマットの適用(Alt>C>A)の振る舞いは、タグ毎に個別にカスタマイズできます。

 

[操作手順]
→Dreamweaver>編集>環境設定 にアクセスする。
※Ctrl+U のショートカットで開けます。

→コードフォーマット>タグライブラリ の順にアクセスする。

→inputタグを選択する。
※今回はinputタグを指定して設定します。(理由は後述)

→改行:改行なし に変更する。
※デフォルト値は、改行:タグの前後

以上で完了です。

 

[inputタグを改行なしに設定した理由]
Dreamweaverのデフォルトでは、inputタグは改行されます。
改行が原因でデザイン上の不都合が生じることがあります。

例えば、テキストボックスとフォームボタンを横並びで配置するデザインの場合は、以下のように二つのinputタグを併記します。
<input name=”” type=”text” placeholder=”検索キーワードを入力してください” class=”textBox”><input name=”” type=”submit” value=”検索” class=”searchButton”>

ここでソースフォーマットの適用をすると、以下のように改行されます。
ブラウザ上では改行コード=スペースとしてレンダリングされる為、デザイン通りになりません。
<input name=”” type=”text” placeholder=”検索キーワードを入力してください” class=”textBox”>
<input name=”” type=”submit” value=”検索” class=”searchButton”>

ちなみに、aタグについては、デフォルトで改行なしになっています。

 

[確認環境]
Windows 7 SP1
Dreamweaver CS3 9.0