So rücken Sie HTML-Tags in Notepad ++ ein

83

Ich habe Notepad ++ installiert. Wie werden Tags automatisch eingerückt, insbesondere beim Verschachteln? Alle Tags scheinen links auf dem Bildschirm zu stehen.

Deke
quelle
1
Siehe diese Lösung
Willem Van Onsem
Ja. Aber meins gibt einen Fehler, der besagt: Fehler im Inhalt festgestellt, bitte korrigieren Sie sie, bevor Sie sich bewerben.
Deke
Das bedeutet normalerweise, dass Ihr XML-Code nicht gültig ist. Zum Beispiel fehlt der Header oder ein Tag ist nicht richtig geschlossen. In diesem Fall sollten Sie die Originaldatei nicht formatieren. Da kann es den Inhalt beschädigen.
Willem Van Onsem
<! doctype> <html> <head> <title> Name der Site </ title> </ head> <body> <h1> Logo </ h1> </ body> </ html> </! doctype>
Deke
3
Mögliches Duplikat von Wie man XML / HTML in Notepad ++
automatisch

Antworten:

82

Verwenden Sie das XML Tools- Plugin für Notepad ++, und dann können Sie den Code mit Ctrl+ Alt+ Shift+ automatisch einrücken B.

ahjohnston25
quelle
Strg + Alt + Umschalt + B hat nicht funktioniert, es wurde zufälliger Text eingefügt, und Pretty Print hat buchstäblich nichts getan (sogar mit einer tatsächlichen XML-Datei) - alles blieb in einer Zeile, die nicht gut formatiert oder hübsch ist .
BrainSlugs83
49

Die Antworten auf diese Frage sind nicht nur falsch, sondern auch gefährlich. STRG + ALT + UMSCHALT + B rückt nicht HTML, sondern XML ein. Betrachten Sie den folgenden HTML-Code:

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

Die Funktion 'Notepad ++ -> Plugins -> XmlTools -> Hübscher Druck (Xml nur mit Zeilenumbrüchen)' (STRG + ALT + UMSCHALT + B) wandelt dies um in:

<span class="myClass"/>

was von Ihrem Browser nicht mehr richtig angezeigt wird! Ich rate dringend davon ab, diese Funktion zum Einrücken von HTML zu verwenden.

Verwenden Sie stattdessen das Plugin Tidy2 . Dadurch wird der HTML- <html>, <head>, <body>, ...Code ohne schlimme Nebenwirkungen korrekt eingerückt (es werden jedoch auch Elemente um Ihren Code erstellt, sofern diese nicht vorhanden sind).

Constantin
quelle
6
Soviel dazu. Als Amateur html / js Lerner Ich hatte gerade eine schreckliche halbe Stunde versucht , meine Seite zu verstehen , warum gerade überhaupt nicht machen - und der Grund war , dass <script src="somewhere"></script>brach in<script src="somewhere"/>
Artalus
Hmm ... es sieht nicht so aus, als würde es mit der 64-Bit-Version von Notepad ++ funktionieren, was für mich ein Deal Killer ist.
Keyvan Sadralodabai
1
@KeyvanSadralodabai Die meisten Plugins (einschließlich Plugin Manager) sind in x64 noch nicht verfügbar. Wenn Sie sich auf Notepad ++ - Plugins verlassen, ist es ratsam, stattdessen die 32-Bit-Version von Notepad ++ zu installieren, um Plugins verwenden zu können. Wenn dies keine Option ist, müssen Sie einen anderen Editor verwenden - dh Sublime Text
Constantin
1
Yah du hast recht. Ich weiß nicht, warum ich dachte, es wäre ein Deal Killer ... es ist nicht so, dass es sich mit 64 Bit so sehr verbessert.
Keyvan Sadralodabai
1
Als Referenz ist "Plugin Manager" (der sich vom integrierten Plugin Admin unterscheidet) jetzt als 64-Bit-Version verfügbar, Tidy2 ist jedoch immer noch nicht als 64-Bit-Version verfügbar.
Étienne
20

Schritt 1: Öffnen Sie den Plugin Manager in Notepad ++

Plugins -> Plugin Manager -> Plugin Manager anzeigen.

Schritt 2: Installieren Sie das XML Tool Plugin

Suchen Sie in der Option "Verfügbar" nach "XML TOOLS" und klicken Sie auf "Installieren".

Jetzt können Sie den Code mit der Tastenkombination STRG + ALT + UMSCHALT + B einrücken.

Ankur Jain
quelle
16
Diese Antwort ist dieselbe wie die vorherige und gilt für XML, nicht für HTML!
Bytedev
12

Ich habe eine Lösung für Sie.

Sie müssen lediglich ein Plugin mit dem Namen installieren Indent By Fold.

Sie können dies installieren, indem Sie durchgehen Plugins -> Plugin Manager -> Show Plugin Manager. ODER Plugins -> Plugins Admin -> chekmark Indent By Fold from listals installieren

Wählen Sie dann einfach das Listenelement aus und geben Sie nur das erste Wort ein, dann haben Sie es.

Sie können dieses Plugin über ein Plugin in der Menüleiste verwenden.


Nishit Zinzuvadiya
quelle
Für HTML führt dies zu einem korrekten Einzug, wobei XML Tool aufgrund von HTML <-> XML-Unterschieden einen unausgeglichenen Einzug erzeugt.
Jlbenc
1
Soweit ich sehen kann, nicht mehr im Plugin-Manager verfügbar.
Devil's Advocate
Ich habe gerade festgestellt, dass dies wahrscheinlich daran liegt, dass ich die 64-Bit-Version von N ++
Devil's Advocate vom
Dies ist die richtige Antwort. Funktioniert besser als XML Tools.
EkoJR
Es funktioniert nur mit dem Code, den Sie "auf dem Bildschirm" erhalten haben. Der Rest des Dokuments wird nicht eingerückt.
JoBe
2

Aufbauend auf Constantins Antwort ist hier die Essenz dessen, was ich beim Übergang zu Notepad ++ als meinem primären HTML-Editor gelernt habe.

Installieren Sie Notepad ++ 32-Bit

Es gibt keine 64-Bit-Version von Tidy2 und einigen anderen beliebten Plugins. Die 32-Bit-Version von NPP hat nur wenige praktische Nachteile. Machen Sie sich also mit der 64-Bit-Version vertraut.

Installieren Sie den Plugin Manager

Der Plugin Manager ist für die Verwendung von Plugins nicht unbedingt erforderlich. Es macht die Dinge jedoch viel einfacher.

Plugin Manager wurde eliminiert aus dem Kernpaket offenbar , weil der Entwickler hat nicht wie einige enthalten Zuschreibung Verknüpfung.

Möglicherweise stellen Sie fest, dass das Plugin Manager-Plugin aus der offiziellen Distribution entfernt wurde. Der Grund dafür ist, dass Plugin Manager die Werbung in seinem Dialog enthält. Ich hasse Anzeigen in Anwendungen und ich versichere Ihnen, dass es keine gab und es niemals Anzeigen in Notepad ++ geben wird.

Es ist eine manuelle Installation, aber es ist nicht schwierig.

  1. Laden Sie das UNI-Zip-Paket (32-Bit) herunter und extrahieren Sie es. Im Inneren sehen Sie Ordner namens Plugins und Updater . Jede enthält eine Datei.
  2. Ziehen Sie diese beiden Dateien in die entsprechenden Ordner mit dem gleichen Namen in Ihrem Notepad ++ - Installationsverzeichnis. Normalerweise ist das so C:\Program Files (x86)\Notepad++.
  3. Starten Sie Notepad ++ neu und befolgen Sie alle Anweisungen zum Installieren / Aktualisieren.

Jetzt sehen Sie einen neuen Eintrag unter Plugins für Plugin Manager.

Installieren Sie Tidy2 (oder Ihre bevorzugte Alternative)

Aktivieren Sie im Plugin Manager das Kontrollkästchen für Tidy2. Klicken Sie auf Installieren. Starten Sie neu, wenn Sie dazu aufgefordert werden.

Um Tidy2 zu verwenden, wählen Sie eines der vorkonfigurierten Profile im Untermenüelement Plugins aus oder erstellen Sie ein eigenes.

isherwood
quelle
0

In Notepadd ++ v7.5.9 (32-Bit) funktioniert das Plugin "Indent by Fold" einwandfrei mit HTML-Inhalten.

  1. Suchen und installieren Sie im Plugin-Manager
  2. Verwenden Sie "Plugins"> "Indent by Fold"> "Reindent file"

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

Daweb
quelle
0

In Notepad ++ v7.8.9 können Sie mit der TabTaste die Einrückungsstufe erhöhen und Shift + Tabdie Einrückungsstufe verringern.

Tes3awy
quelle