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

83

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

notepad++

— デケ
ソース

1

このソリューションを

— Willem Van Onsem 2015年

はい。しかし、私の場合はエラーが発生します。コンテンツでエラーが検出された場合は、適用する前に修正してください。

— Deke 2015年

これは通常、xmlコードが無効であることを意味します。たとえば、ヘッダーがないか、一部のタグが適切に閉じられていません。その場合、（元のファイル）をフォーマットしないでください。コンテンツにダメージを与える可能性があるため。

— Willem Van Onsem 2015年

<！doctype> <html> <head> <title>サイトの名前</ title> </ head> <body> <h1>ロゴ</ h1> </ body> </ html> </！doctype>

— Deke 2015年

3

Notepad ++でXML / HTMLを自動フォーマット/インデントする方法の

— GorvGoyl 2016

82

使用するXMLツールメモ帳++、その後することができます自動インデントのために使ってコードのプラグインCtrl+ Alt+ Shift+ B.FOR傾け、よりポイント・アンド・クリックを、あなたはまた、プラグインに行くことができる-プリティプリント> - > XMLツール。

— ahjohnston25
ソース

Ctrl + Alt + Shift + Bは機能せず、ランダムなテキストが挿入され、Pretty Printは文字通り何もしませんでした（実際のXMLファイルでも）-すべてが1行にとどまり、適切にフォーマットされていないか、きれいです。

— BrainSlugs83 2017

49

この質問に対する答えは間違っているだけでなく、危険です。CTRL + ALT + SHIFT + Bは、HTMLではなくXMLをインデントします。次のHTMLコードについて考えてみます。

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

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

<span class="myClass"/>

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

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

— コンスタンティン
ソース

6

これだけ。その理由は、ということだった-アマチュアのhtml / jsの学習者として、私はちょうどひどい半分に私のページがちょうどすべてでレンダリングされませんでした理由を理解しようとしている時間だった<script src="somewhere"></script>に崩壊<script src="somewhere"/>

— Artalus

うーん...それは私にとって取引キラーであるNotepad ++の64ビットバージョンで動作するようには見えません。

— Keyvan Sadralodabai 2017年

1

@KeyvanSadralodabaiほとんどのプラグイン（プラグインマネージャーを含む）はx64ではまだ利用できません-Notepad ++プラグインに依存している場合は、プラグインを使用できるようにする代わりに、32ビットバージョンのNotepad ++をインストールすることをお勧めします。それがオプションでない場合は、別のエディターを使用する必要があります-つまり、Sublime Text

— Constantin

1

そうだね。なぜそれがディールキラーだと思ったのかわからない... 64ビットでそれほど改善されるわけではない。

— Keyvan Sadralodabai 2017年

1

参考までに、「プラグインマネージャー」（組み込みのプラグイン管理者とは異なります）は64ビットバージョンとして利用できるようになりましたが、Tidy2はまだ64ビットとして利用できません。

— エティエンヌ

20

ステップ1：notepad ++でプラグインマネージャーを開く

プラグイン->プラグインマネージャー->プラグインマネージャーを表示します。

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

「Available」オプションから「XMLTOOLS」を検索し、「install」をクリックします。

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

— アンクルジャイン
ソース

16

この答えは上記の前の答えと同じであり、HTMLではなくXML用です！

— bytedev 2017

12

私はあなたのための解決策を持っています。

という名前のプラグインをインストールする必要がありますIndent By Fold。

を介してこれをインストールできPlugins -> Plugin Manager -> Show Plugin Managerます。または Plugins -> Plugins Admin -> chekmark Indent By Fold from listインストールするより

次に、リストアイテムを選択するだけで、最初の単語を入力するだけで、それを取得できます。

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

— ニシット・ジンズヴァディヤ
ソース

HTMLの場合、これにより正しいインデントが生成されますが、XMLツールではHTML <-> XMLの違いにより不均衡なインデントが生成されます。

— jlbenc 2017年

1

私が見る限り、プラグインマネージャーでは利用できなくなりました。

— 悪魔の支持者

ただ、私はN ++の64ビット版を使用しているので、おそらくだことに気づいた

— 悪魔の提唱

これが正解です。よりもうまく機能しXML Toolsます。

— EkoJR

それだけで..あなたは、ドキュメントの残りの部分がインデントされていません「画面で」得たコードで動作します

— JoBe

2

コンスタンティンの答えに基づいて、これが私の主要なHTMLエディターとしてNotepad ++に移行する間に学んだことの本質です。

Notepad ++ 32ビットをインストールします

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

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

プラグインマネージャーは、プラグインの使用に厳密に必要なわけではありません。しかし、それは物事をはるかに簡単にします。

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

プラグインマネージャープラグインが公式ディストリビューションから削除されていることに気付くかもしれません。その理由は、プラグインマネージャーのダイアログに広告が含まれているためです。私はアプリケーションの広告が嫌いです。メモ帳++に広告が表示されることはありません。

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

UNI（32ビット）zipパッケージをダウンロードして解凍します。内部には、プラグインとアップデーターと呼ばれるフォルダーがあります。それぞれに1つのファイルが含まれています。
これらの2つのファイルを、Notepad ++インストールディレクトリ内の同じ名前のフォルダにドラッグします。通常、それはC:\Program Files (x86)\Notepad++です。
Notepad ++を再起動し、インストール/更新のプロンプトに従います。

これで、プラグインマネージャーのプラグインの下に新しいエントリが表示されます。

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

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

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

— イシャーウッド
ソース

0

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

プラグインマネージャーで検索してインストールする
「プラグイン」>「折り畳みによるインデント」>「ファイルのインデント」を使用

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

— Daweb
ソース

0

Notepad ++ v7.8.9では、Tabキーを使用してインデントレベルを上げ、を使用Shift + Tabしてインデントレベルを下げることができます。

— Tes3awy
ソース