Okt 06

Automatische Formatierung von HTML in Visual Studio?

Tag: Tipps und TricksTorsten @ 13:17

Visual Studio formatiert geschriebenen und eingefügten Code wunderbar, wenn man z.B. C# schreibt. Aber wenn es um HTML innerhalb von ASPX oder ASCX Dokumenten geht, ist es oftmals ein reines „Gefriemel“.

Zuerst war ich auf der Suche nach irgendwelchen Add-Ons oder Plug-Ins, um diese Unschönheit in den Griff zu bekommen. Interessanterweise gibt es aber bereits eine in Visual Studio 2008 (und auch 2005) integrierte Möglichkeit, auch HTML sinnvoll automatisch formatieren zu lassen. Jedoch ist diese standardmäßig deaktiviert

So lässt sie sich wieder aktivieren:
Menü Tools / Settings… / Text Editor / HTML

Den Haken bei „Format HTML on paste“ reinmachen.

Ab jetzt wird HTML-Text, der z.B. über die Zwischenablage eingefügt wird, auch korrekt umformatiert.

Ich persönlich empfehle zusätzlich noch folgende Änderungen:

  • „Insert attribute value quotes when typing“ ebenfalls aktiviert
    Dann werden Anführungszeichen auch gleich gesetzt wenn man attribut= eintippt.
  • Tag wrap length auf 160 oder höher (statt standardmäßig nur 80)
    Denn man entwickelt heutezutage nicht mehr in Auflösungen der Steinzeit…

Wenn man jetzt einen total zerpflügten und nicht eingerückten HTML Code hat, geht man einfach in die Code-Ansicht, markiert alles mit Ctrl-A, schneidet es mit Ctrl-X aus und fügt es anschließend sofort wieder per Ctrl-V ein. Und siehe da… alles hat wieder seine Ordnung und der Bandwurm ist tot.

PS: Und ja, meine IDE ist englisch 😉 Würde ich auch jedem Entwickler empfehlen, sonst hat man dann eine halb englische halb deutsche IDE, mit Tastenkürzeln die sich beißen, wenn man x verschiedene Plug-Ins reingeladen hat…