コンテンツへスキップ

一行HTML に一括で改行を挿入したい。

一列で記述されたHTML タグに改行を入れて見やすくしたいとき。

「置換」を使用して、タグの括弧の前後に改行シーケンスを入れます。

↓ こういうやつです。

画面端で折り返しているだけで、一行で書かれています。

Notepad++ を使用します。

前提としてNotepad++ というテキストエディタを使用します。
置換で改行シーケンスを挿入できるエディタなら同じことができると思います。

Notepad++ とは。

多分有名すぎるテキストエディタです。

おもにプログラム言語を編集する際にコード特有の文字列(予約語)を、
ハイライトして見やすくしてくれる機能をはじめ、いろいろな機能を備えていて超便利です。

Notepad++( Wikipedia )

ダウンロードとインストール

下記のページの「 Download 」ページからダウンロードしてインストールしてください。

https://notepad-plus-plus.org/

私の場合、特に何も指定しないでそのまま次へ次へでインストールしてます。
もう10年くらいお世話になっているエディタです。

一括で改行を入れて見やすくするには

  1. 置換の機能を使用して、タグの前の括弧の前に「改行シーケンス」を挿入します。
  2. Ctrl + H を押して置換ウィンドウを呼び出します。
  3. 検索モードで拡張にチェックをいれて、「<」を検索し、「¥n<」に置き換えます。

手順

置換の機能を使用して、タグの前の括弧の前に「改行シーケンス」を挿入します。

Notepad++ を開いて、一行HTML をコピペします。
言語 >H >HTML を選択して、シンタックス・ハイライトさせておくと、視認性が良いです。

Ctrl + H を押して置換ウィンドウを呼び出します。

検索モードで拡張にチェックをいれて、「<」を検索し、「¥n<」に置き換えます。
※「<」、「¥n<」都合により全角で表記していますが、半角です。

「単語単位」のチェックも外します。(入っていたら)

「すべて置換」をクリックすると、いい感じに改行が入ります。

タグのペアごとにタブを入れて見やすく成形しておきましょう。
これは手動です。

以上です。

(Visited 64 times, 1 visits today)
タグ:

コメントを残す

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