Πώς μπορώ να αναδιαμορφώσω κώδικα HTML χρησιμοποιώντας το Sublime Text 2;

Έχω κάποιον κακοσχηματισμένο κώδικα HTML που θα ήθελα να αναδιαμορφώσω. Υπάρχει μια εντολή που θα αναδιαμορφώνει αυτόματα τον κώδικα HTML στο Sublime Text 2 ώστε να φαίνεται καλύτερα και να διαβάζεται ευκολότερα;

Το μόνο πακέτο που μπόρεσα να βρω είναι το Tag.

Μπορείτε να το εγκαταστήσετε χρησιμοποιώντας τον έλεγχο πακέτων. Ελέγχου πακέτων) και στη συνέχεια πληκτρολογήστε εγκατάσταση, πατήστε enter. Στη συνέχεια πληκτρολογήστε tag και πατήστε enter.

Μετά την εγκατάσταση του Tag, επισημάνετε το κείμενο και πατήστε τη συντόμευση Ctrl+Alt+F.

Σχόλια (5)

Νομίζω ότι αυτό είναι που ψάχνετε:

https://github.com/victorporof/Sublime-HTMLPrettify

Σχόλια (3)

Χρησιμοποιώ το tidy μαζί με το προσαρμοσμένο σύστημα κατασκευής για να ομορφύνω την HTML.

Έχω το HTMLTidy.sublime-build στον κατάλογο Packages/User/:

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

και το αρχείο tidy_config.cfg στον ίδιο κατάλογο:

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

Και απλά επιλέξτε build system και πατήστε ctrl+b ή cmd+b για να αναδιαμορφώσετε το περιεχόμενο του αρχείου. Ένα μικρό πρόβλημα με αυτό είναι ότι το ST2 δεν επαναφορτώνει αυτόματα το αρχείο, οπότε για να δείτε τα αποτελέσματα πρέπει να μεταβείτε σε κάποιο άλλο αρχείο και να επιστρέψετε (ή σε άλλη εφαρμογή και να επιστρέψετε).

Στο Mac έχω χρησιμοποιήσει το macports για να εγκαταστήσω το tidy, στα Windows θα πρέπει να το κατεβάσετε μόνοι σας και να καθορίσετε τον κατάλογο εργασίας στο σύστημα κατασκευής, όπου βρίσκεται το tidy:

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

ή να το προσθέσετε στο PATH.

Σχόλια (0)