Dreamweaverでソースコードの整形

HTMLやCSSなどのソースコードを簡単に整形する方法です。

Dreamweaver以外でも出来るソフトがあるようですが、手元のDWを使うのが一番便利そうなので、今回はDWのやり方を紹介します。

ソースコード整形の手順

  1. ソースコードを整形したいファイルをDreamweaverで開く
  2. Dreamweaverの環境設定でコードフォーマットの設定
  3. メニュー>コマンド>ソースフォーマットの適用を選択

ソースコードを整形したいファイルをDreamweaverで開く

html,css,phpのコードにて、整形されることを確認しました。他の言語は不明ですが、Dreamweaverが認識出来る言語は全て対応しているのだと思います。

Dreamweaverの環境設定でコードフォーマットの設定

スクリーンショット 2014-08-22 0.26.00

インデントの数など、整形する際の体裁を設定します。

ソースフォーマットの適用を選択

スクリーンショット 2014-08-22 0.26.42

あとは、整形したいファイルを開いた状態で、「メニュー」>「コマンド」>「ソースフォーマットの適用」を実行するだけで、完了です。

コメントする

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です