![見出し画像](https://assets.st-note.com/production/uploads/images/33960779/rectangle_large_type_2_3dc8c4d7d5e23433acbe778cdc2f0826.png?width=1200)
Dreamweaver 一括「ソースフォーマットの適用」
ホームページをDreamweaverで作る際に便利な機能と言えば「ソースフォーマットの適用」ですが、それを開いているファイル全部に一気に効果をかける方法があります。参考サイトは下に置きますが、
1.HTMLファイルを作る。
<HTML>
<HEAD>
<TITLE>開いてるファイルすべてにソースフォーマット</TITLE>
<SCRIPT LANGUAGE="javascript">
<!--
function runCommand(){
//開いているファイルを取得
var list = dreamweaver.getDocumentList();
for (var i=0; i < list.length; i++) {
//アクティブにセット
dreamweaver.setActiveWindow(list[i]);
//以下でソースフォーマットの適用を行う
var dom = dreamweaver.getDocumentDOM();
var outerHTML = dom.documentElement.outerHTML;
dom.formatRange(0, outerHTML.length);
};
//完了メッセージをアラートで出す
alert('ソースフォーマットの適用が完了しました。');
}
// -->
</SCRIPT>
</HEAD>
<BODY onLoad="runCommand()" >
</BODY>
</HTML>
2.名前をつけて保存する
テキストエディタで上記のコードをコピペして、「開いてるファイルすべてにソースフォーマット.html」として保存。
こんな感じのファイル
3.指定の場所に入れる
C:\Users\ユーザー名\AppData\Roaming\Adobe\Dreamweaver 2020\ja_JP\Configuration\Commands
Dreamweaver 2020を使っている場合は上記のパスになります。
Configurationの中に「Commands」というフォルダは無いと思いますので自分で作って「開いてるファイルすべてにソースフォーマット.html」を入れます。
4.Dreamweaver 2020で確認
「ツール」から「コマンド」で、リストに名前が出てれば成功です。
この作業をすると開いているファイル全てに「ソースフォーマットの適用」をしてくれます。
◉参考サイト
自身が悩んだ点を解説
この記事が気に入ったらサポートをしてみませんか?