web-dev-qa-db-ja.com

Notepad ++でHTMLタグをインデントする方法

Notepad ++をインストールしました。特にネストするときにタグを自動的にインデントする方法は？すべてのタグが画面の左側に並んでいるようです。

notepad++
65
Deke

Notepad ++で XML Tools プラグインを使用すると、コードを自動インデントできます。 Ctrl+Alt+Shift+B より多くのポイントアンドクリックの傾向については、[プラグイン]-> [XMLツール]-> [きれいな印刷]に移動することもできます。

67
ahjohnston25

この質問に対する答えは間違っているだけでなく、危険です。 Ctrl + Alt + Shift + Bは、HTMLではなくXMLをインデントします。次のHTMLコードを検討してください。

<span class="myClass"></span>

関数「Notepad ++-> Plugins-> XmlTools-> Pretty print（Xml only with breaks）」（CTRL + ALT + SHIFT + B）はこれを次のように変換します：

<span class="myClass"/>

ブラウザで正しく表示されなくなります！この関数を使用してHTMLをインデントすることは強くお勧めします。

代わりに、プラグインTidy2を使用してください。これにより、悪い副作用なしにHTMLが正しくインデントされます（ただし、コードの周りに<html>, <head>, <body>, ...要素が作成されます（これらがない場合）。

37
Constantin

手順1：notepad ++でプラグインマネージャーを開く

プラグイン->プラグインマネージャー->プラグインマネージャーの表示。

ステップ2：XML Toolプラグインをインストールする

「使用可能」オプションから「XML TOOLS」を検索し、インストールをクリックします。

これで、ショートカットキーCTRL + ALT + SHIFT + Bを使用してコードをインデントできます。

23
ankur jain

解決策があります。

Indent By Foldという名前のプラグインをインストールするだけです。

これをインストールするには、Plugins -> Plugin Manager -> Show Plugin Managerを使用します。 OR Plugins -> Plugins Admin -> chekmark Indent By Fold from listインストールより

次に、リスト項目を選択するだけで、必要なのは最初のWordを入力するだけです。

メニューバーのプラグインからこのプラグインを使用できます。


5
Nishit Zinzuvadiya

Constantin's answer に基づいて、主なHTMLエディターとしてNotepad ++に移行する際に学んだことの本質を説明します。

インストール Notepad ++ 32-bit

Tidy2の64ビットバージョンや他の人気のあるプラグインはありません。 NPPの32ビットバージョンには、実用的な欠点はほとんどないため、64ビットバージョンに注意してください。

プラグインマネージャーをインストールします

プラグインの使用には、プラグインマネージャーは必ずしも必要ではありません。ただし、物事はずっと簡単になります。

プラグインマネージャーは、コアパッケージから 削除 だったようです。これは、開発者が属性リンクが含まれていることを好まなかったためです。

プラグインマネージャープラグインが公式ディストリビューションから削除されていることがわかります。その理由は、プラグインマネージャーのダイアログに広告が含まれているためです。私はアプリケーション内の広告が嫌いです。そして、Notepad ++には広告がないことを保証します。

手動でのインストールですが、難しくはありません。

  1. ダウンロード UNI（32ビット）Zipパッケージを展開します。内部には、pluginsおよびupdaterというフォルダーがあります。それぞれに1つのファイルが含まれます。
  2. これらの2つのファイルを、Notepad ++インストールディレクトリ内のそれぞれ同じ名前のフォルダーにドラッグします。通常、それはC:\Program Files (x86)\Notepad++です。
  3. Notepad ++を再起動し、インストール/更新のプロンプトに従います。

これで、Plugins for Plugin Managerの下に新しいエントリが表示されます。

インストール Tidy2 （またはお好みの代替）

プラグインマネージャーで、Tidy2のボックスをオンにします。インストールをクリックします。プロンプトが表示されたら再起動します。

Tidy2を使用するには、プラグインサブメニュー項目で事前構成済みのプロファイルの1つを選択するか、独自のプロファイルを作成します。

1
isherwood

Notepadd ++ v7.5.9（32ビット）で、「折り畳みによるインデント」プラグインはhtmlコンテンツで正常に機能します。

  1. プラグインマネージャーで検索してインストールする
  2. [プラグイン]> [折りたたんでインデント]> [ファイルを再インデント]を使用します

https://www.fesevur.com/indentbyfold/

0
Daweb