Wie formatiere ich HTML-Code mit Sublime Text 2 neu?

Brauchen Sie keine plugins, um dies zu tun.
Wählen Sie einfach alle Zeilen (Strg ) und wählen Sie dann im Menü Bearbeiten → Zeile → Reindent.
Dies funktioniert, wenn die Datei gespeichert ist mit einer Erweiterung, die HTML enthält, wie .html oder .php.

Wenn Sie dies tun oft, können Sie finden diese Schlüssel-mapping nützlich:

{ "keys": ["ctrl+shift+r"], "command": "reindent" , "args": { "single_line": false } }

Wenn Ihre Datei nicht gespeichert wurde (z.B. Sie gerade eingefügt in ein snippet zu einem neuen Fenster) können Sie manuell die Sprache für die Einrückung indem Sie das Menü Ansicht → Syntax → language of choice vor der Auswahl der reindent option.

InformationsquelleAutor der Antwort peter

Das einzige Paket, das ich habe finden können ist Tag.

Können Sie es installieren mit dem Paket-Steuerung. https://sublime.wbond.net

Nach der Installation von package control. Gehen Sie zum Paket-Kontrolle (Vorlieben -> Paket Kontrolle), dann geben Sie install haben, drücken Sie enter. Geben Sie dann tag ein und drücken Sie enter.

Nach der Installation Tag, markieren Sie den text und drücken die Tastenkombination Strg+Alt+F.

InformationsquelleAutor der Antwort dardub

Nur ein allgemeiner Tipp. Was ich Tat, um auto-Aufräumen meine HTML -, war das Paket installieren HTML_Tidy, und fügen Sie dann die folgende Tastenbelegung auf den Standard-Einstellungen (die ich benutze):

{ "keys": ["enter"], "command": "html_tidy" },

läuft HTML Tidy mit jeder geben. Es kann sein, Nachteile, ich bin ganz neu mit Erhabenen selbst, aber es scheint zu tun, was ich will 🙂

InformationsquelleAutor der Antwort Anneke

Gibt es ein plugin namens SublimeHtmlTidy was Recht gut funktioniert

https://github.com/welovewordpress/SublimeHtmlTidy

InformationsquelleAutor der Antwort Christian Hagelid

Für mich, die HTML Prettify Lösung war extrem einfach. Ich ging zu der HTML-Prettify Seite.

1. Benötigt die Sublime Package Manager
2. Folgte den Anweisungen für die Installation der Paket-manager hier
3. typisierte cmd + shift + pum das Menü aufzurufen
4. Eingegeben prettify
5. Wählte die HTML prettify Auswahl im Menü

Boom. Getan. Sieht toll aus

InformationsquelleAutor der Antwort insaineyesay

Bin ich noch das Privileg habe, zu kommentieren, so ist dies einfach zusätzliche Informationen zu @peter Antwort obige Antwort.

Fand ich HTML nicht ausrichten, wie erwartet, wenn IE conditional comments in die header waren nicht völlig in-line z.B. bündig auf der linken Seite:

<!--[if lt IE 7]>
<p class='chromeframe'>Your browser is <em>unsupported</em>. <a href="http://browsehappy.com/">Upgrade to a different browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to experience this site.</p>
<![endif]-->
<!-- Le HTML5 shim, for IE6-8 support of HTML elements -->
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]--> 

InformationsquelleAutor der Antwort newtriks

können Sie einstellen Tastenkombination F12 einfach!!!!!

{ "keys": ["f12"], "command": "reindent" , "args": { "single_line": false } }

siehe detail hier.

InformationsquelleAutor der Antwort Sumeta Pongpanna

Ich bin mit sauber zusammen mit benutzerdefinierten build-system zu prettify HTML.

Habe ich HTMLTidy.sublime-build in meinem Packages/User/- Verzeichnis:

{
  "cmd": ["tidy", "-config", "$packages/User/tidy_config.cfg", "$file"]
}

und tidy_config.cfg-Datei im gleichen Verzeichnis:

indent: auto
tab-size: 4
show-warnings: no
write-back: yes
quiet: yes
indent-cdata: yes
tidy-mark: no
wrap: 0

Und wählen Sie einfach bauen Sie system und drücken Sie Strg+b oder cmd+b neu formatieren, Datei-Inhalte. Eine kleine Problem mit diesem ist, dass ST2 nicht automatisch neu laden Sie die Datei so um zu sehen, die Ergebnisse, die Sie haben, um wechseln zu einer anderen Datei und zurück (oder in andere Anwendung und zurück).

Auf dem Mac habe ich benutzt, macports zu installieren, sauber, unter Windows müsstest du es herunterladen, sich selbst und angeben, Arbeitsverzeichnis, in das build-system, wo ordentlich liegt:

"working_dir": "c:\\HTMLTidy\\"

oder fügen Sie die PFAD.

InformationsquelleAutor der Antwort rchl