制作のご相談はこちら
Dreamweaverでソースコードを綺麗に整える方法

公開日 : 2018年10月31日 / 最終更新日 : 2018年11月01日

Dreamweaverでソースコードを綺麗に整える方法


コーディングをしているとインデントを入れることがあります。
ですがそのインデントだけでもその人の打ち癖が出てきます。
自分ではここにはインデント入れたくないな…改行したいな…とか思ったりします。
そんな時はDreamweaverだと一発でソースコードを綺麗に整えることが出来る便利機能があります。

Dreamweaverでソースコードを整える方法

サンプルコードは以前書いたHTML5の記事のソースを使用します。

汚いソースコード例

適当にインデントを変えてみました。
これだと、どこがどう内包されているのは少し分かりづらいですよね。

ソースフォーマットの適用

そこで、ツールからソースフォーマットの適用を行うと…

綺麗に直ったソースコード例

このようにコードが綺麗に整います。美しいですね。
Dreamweaverを使っている方はぜひ試してみてください。