Das reindent
funktioniert nicht immer für Schnipsel. Sie können das Tag
Plugin verwenden (Installation von der Paketkontrolle). Dann drücken Sie einfach ctrl+ shift+ pund geben Sie ein tag
. Sie sehen die Option Auto-Format tags on document
. Wählen Sie und drücken Sie Enter. Das wird es tun
Gibt es eine Funktion zum automatischen Einrücken von HTML-Code oder ein Plugin für Sublime Text (alias prettify / verschönern / formatieren)?
Zum Beispiel etwas zu ändern:
<section><article><h1></h1><p></p></article></section>
zu:
<section> <article> <h1></h1> <p></p> </article> </section>
... das funktioniert auf ganzen Seiten und Snippets.
- Die eingebaute
Edit > Line > Reindent
Einstellung macht dies nicht - Das Plugin HTMLTidy fügt
head
undbody
Tags hinzu, daher funktioniert es nicht für Partials, es hat auch verschiedene andere Probleme - Das Plugin-Tag hat verschiedene Probleme, genug, dass es im Wesentlichen nicht funktioniert
- Das Plugin HTMLPrettify hat verschiedene Probleme, erfordert node.js und wurde seit Monaten nicht aktualisiert
- gist.github.com/mcdonc/3898894 gibt an, dies zu tun, erfordert jedoch Emacs
(Notepad ++ hatte Auto-Indent, Dreamweaver hatte Quellformatierung anwenden, Aptana hat Format usw.)
Das Tag-Plugin verarbeitet Inline-Tags falsch, z. B. wenn es für dieses Snippet verwendet wird:
<p>foo<a>bar<span>baz<span>qux</span></span></a></p>
Ergebnisse in:
<p> foo <a> bar <span> baz <span>qux</span> </span> </a> </p>
3 Antworten auf die Frage
foo bar baz qux
um zu sehen, was ich meine. Außerdem wird die Formatierung des öffnenden HTML-Tags beeinträchtigt, der in IE-bedingte Kommentare eingebettet ist, die Teil von HTML5 Boilerplate (und von Kommentaren im Allgemeinen) sind. Versuchen Sie es mit dem eingebauten `Line> Reindent` in diesem Snippet: http://jsfiddle.net/y8xXj/, um zu sehen, wie es fehlschlägt. mehas vor 11 Jahren 0foo bar baz qux
` mehas vor 11 Jahren 0Wählen Sie Alle -> Menü Bearbeiten -> Linie -> Erneut anzeigen . Sie können eine Tastenkombination für dieselbe Verwendung festlegen .
{"keys": ["ctrl + shift + r"], "command": "reindent", "args": {"single_line": false}}
Damit die Reindent-Funktion funktioniert, müssen Sie die Option "Einrückung mit Leerzeichen" deaktivieren:
Ansicht >> Einrückung >> Einzug mit Leerzeichen
Sobald diese Option deaktiviert ist, können Sie Ihren Text und Reindent auswählen:
Bearbeiten >> Linie >> Reindent
Dies funktioniert sowohl für HTML-Syntax als auch für XML. Nicht an anderen getestet.
foobar baz
Verwandte Probleme
-
4
Kostenloser HTML Image Map Editor für Windows?
-
9
Wie versende ich E-Mails in Klartext und nicht in HTML in meinem E-Mail-Client?
-
4
Google ist zu langsam zum Laden
-
6
Was ist ein guter, einfacher und kostenloser HTML-Editor für Windows?
-
6
So finden Sie den Quellcode für HTML-E-Mails
-
4
Grafikdesign in Outlook-HTML-E-Mails
-
4
Zeilenumbrüche in Entourage-E-Mails
-
3
Wie kann der Quellcode einer Seite angezeigt werden, wenn ein Popup mit Javascript-Modal zuerst gela...
-
2
Wie lösche ich diese IE-Nachricht "Internet Explorer kann die Webseite nicht anzeigen"?
-
5
Gibt es einen * guten * HTML-Modus für Emacs?