HTMLソースの整理方法

質問

使用ソフト abobe GoLive
使用OS　macOS9

どうしても
作ったHTMLソースを1行にしなくてはなりません。

goliveで作りますと、御存じのようにソースはバラバラになってしまいます。
それを1行にするには大変時間がかかってしまいます。
ソースの整理（改行）を楽にできる方法がありましたら、教えてほしいです。
せめて、1行にはならなくとも、行の頭を揃える方法があれば作業は楽になると思います．．．。

どなたかよろしくお願いします。

回答No.1

Joh_Taka

GoLive では、HTMLソースを直接入力するのではなく、WYSIWYG編集でレイアウト作業が行われたソースが、最初から全て一行に記述されるような設定は無いようです。

従って、ご希望されるHTMLの記述とするためには、全ての編集作業が終わってから、GoLive でソース内のTabコード（インデント）を削除、また、改行コードを半角スペースに、それぞれ一括で「検索」→「置換」する必要があります。

GoLive のバージョンによって細かい作業手順が異なります。
GoLive 5 での作業方法となりますが、参考URLをご参考下さい。
GoLive CS では、検索文字と置換文字の各組み合わせを登録することによって、作業手順を簡略化出来ます。

検索する文字の「Tab（インデント）」や「改行コード」は、キーボードでの入力は出来ないようですので、ソースの中から該当箇所をCopy＆Pasteして下さい。

最初に検索文字をソースからコピーした「Tab（インデント部分）」に、置換文字を何も入力せずに、インデントを一括削除。

次に、検索文字をソースからコピーした「改行コード（改行部分）」に、置換文字を「半角スペース」にして、HTMLの記述を一行にまとめます。

注意点としては、改行コードの解釈を半角スペースに置換することで、JavaScript の記述によっては上手く動作しなくなってしまうことがありえます。
本来、一つの命令の区切りとして「;」を記述する代わりに、改行コードの挿入によって「;」の記述が省略されている部分は、手作業で「;」を追加記述しなければならない場合もありそうです。（それ以外にも、考えられる不具合は可能性としては、ありそうですが・・・）

また、一度 GoLive の「検索」→「置換」作業を行ったソースは、元に戻すことが出来なくなりますので、出来れば元ファイルを別名で保存して、バックアップしておいた方が良いと思います。

参考URL：

http://support.adobe.co.jp/faq/faq/qadoc.sv?219859+002

お礼

詳しいご説明ありがとうございました！無事、簡単に素早く、１行にすることができました。ほんとうにありがとうございました。