Come riformattare il codice HTML usando Sublime Text 2?

Ho del codice HTML mal formattato che vorrei riformattare. C'è un comando che riformatta automaticamente il codice HTML in Sublime Text 2 in modo che abbia un aspetto migliore e sia più facile da leggere?

L'unico pacchetto che sono riuscito a trovare è Tag.

Puoi installarlo usando il controllo dei pacchetti.

Dopo aver installato il controllo dei pacchetti. Vai al controllo dei pacchetti (Preferences -> Package Control) poi digita install, premi enter. Poi scrivi tag e premi enter.

Dopo aver installato Tag, evidenzia il testo e premi la scorciatoia Ctrl+Alt+F.

Commentari (5)

Penso che questo sia quello che stai cercando:

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

Commentari (3)

Sto usando tidy insieme a un sistema di costruzione personalizzato per rendere più bello l'HTML.

Ho HTMLTidy.sublime-build nella mia directory Packages/User/:

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

e il file tidy_config.cfg nella stessa directory:

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

E basta selezionare build system e premere ctrl+b o cmd+b per riformattare il contenuto del file. Un piccolo problema è che ST2 non ricarica automaticamente il file, quindi per vedere i risultati devi passare a qualche altro file e tornare indietro (o ad un'altra applicazione e tornare indietro).

Su Mac ho usato macports per installare tidy, su Windows dovrete scaricarlo voi stessi e specificare la directory di lavoro nel sistema di compilazione, dove si trova tidy:

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

o aggiungerlo al PATH.

Commentari (0)