Wie kann ich HTML-Dateien einfach nach einem vernünftigen Standard neu erstellen?


7

Ich habe einige HTML-Dateien, die ich gerne neu erstellen würde und die so aussehen:

<header>
    <div class="wrapper">
                    <img src="images/logo.png">
                    <div class="userbox">
                            <div class="welcome">Welcome Andy!</div>
                            <div class="blackbox">
                                    <ul>
                                            <li><a href="#">Invite Friends</a></li>
                                            <li><a href="#">My Account</a></li>
                                            <li><a href="#">Cart</a></li>
                                            <li><a href="#">Sign Out</a></li>
                                    </ul>
                            </div>
                    </div>
            </div>
</header>

Und ich möchte, dass sie ungefähr so ​​aussehen:

<header>
  <div class="wrapper">
    <img src="images/logo.png">
    <div class="userbox">
      <div class="welcome">Welcome Andy!</div>
        <div class="blackbox">
          <ul>
            <li><a href="#">Invite Friends</a></li>
            <li><a href="#">My Account</a></li>
            <li><a href="#">Cart</a></li>
            <li><a href="#">Sign Out</a></li>
          </ul>
        </div>
    </div>
  </div>
</header>

Oder eine vernünftige Standardeinstellung. Was ist der einfachste Weg, dies vom Terminal in Ubuntu aus für alle HTML-Dateien im aktuellen Verzeichnis zu tun?

Antworten:


9

In vim:

:set softtabstop=0
:set expandtab
:set smarttab
:set shiftwidth=2
gg=G
:retab

EDIT: Erklärungen:

  • Zeilen 1-3: Standard
  • Zeile 4: Einzug mit 2 Leerzeichen
  • Zeile 5:
    • gg: obersten Zeile
    • =: Einzug bis ...
    • G: ...Ende
  • Zeile 6: Stellen Sie sicher, dass alle Registerkarten in Leerzeichen konvertiert werden

Sie sollten wahrscheinlich erwähnen, dass dies vi-Befehle sind.
Psusi

In der Tat sollte ich (die Frage erschien in meiner 'vim'-Kategorie)
Shellholic

1
sudo apt-get install tidy
cd whatever_dir_you_want
find . -name '*.html' -exec tidy -m {} \;

Hinweis: Dies wird wahrscheinlich nicht gut mit Inline-PHP spielen. Spielen Sie mit tidy(ohne das -mArgument) herum, um zu sehen, wie es funktioniert.


0

Sind diese Registerkarten im ersten Beispiel und Leerzeichen im nächsten? Hier ist ein Shell-Skript, mit dem Tabulatoren in zwei Leerzeichen geändert werden können. Ändern Sie das Arbeitsverzeichnis in den Speicherort der HTML-Dateien.

#!/bin/sh
for i in *.html
do
    sed 's/\t/  /g' "${i}" > filename.notabs && mv filename.notabs "${i}"
done

AKTUALISIEREN

Ich musste nur etwas Ähnliches tun. Ich habe mich für Komodo Edits Funktion zum Ersetzen von Dateien entschieden. Es ist sehr schön, wenn Sie GUI-Zugriff auf die Dateien haben.

Alt-Text

Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.