Pertanyaan Bagaimana cara memformat kode HTML menggunakan Sublime Text 2?


Saya punya beberapa kode HTML yang diformat dengan buruk yang ingin saya format ulang. Apakah ada perintah yang akan secara otomatis memformat kode HTML dalam Sublime Text 2 sehingga terlihat lebih baik dan lebih mudah dibaca?


1178
2018-01-12 17:49


asal


Jawaban:


Anda tidak memerlukan plugin apa pun untuk melakukan ini. Cukup pilih semua baris (Ctrl SEBUAH) dan kemudian dari menu pilih Edit → Line → Reindent. Ini akan berfungsi jika file Anda disimpan dengan ekstensi yang berisi seperti HTML .html atau .php.

Jika Anda sering melakukan ini, Anda mungkin menemukan pemetaan kunci ini berguna:

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

Jika file Anda tidak disimpan (misalnya Anda baru saja menempelkan cuplikan ke jendela baru), Anda dapat mengatur bahasa indentasi secara manual dengan memilih menu Lihat → Sintaks → language of choice sebelum memilih opsi reindent.


1927
2018-06-04 21:47



Ada setengah lusin cara untuk memformat HTML di Sublime. Saya sudah menguji setiap plugin yang paling populer (lihat Langgan saya lakukan di blog saya untuk perincian lengkap), namun berikut ini ikhtisar singkat tentang beberapa opsi paling populer:

Reindent command

Kelebihan:

  • Kapal dengan Sublime, jadi tidak perlu menginstal plugin

Cons:

  • Tidak menghapus baris kosong tambahan
  • Tidak dapat menangani HTML yang diperkecil, baris dengan beberapa tag terbuka
  • Tidak memformat dengan benar <script> blok

Menandai

Kelebihan:

  • Mendukung ST2 / ST3
  • Menghilangkan garis kosong ekstra
  • Tidak ada dependensi biner

Cons:

  • Tersedak tag PHP
  • Tidak menangani <script> blok dengan benar

HTMLTidy

Kelebihan:

  • Menangani tag PHP
  • Beberapa pengaturan untuk men-tweak format

Cons:

  • Membutuhkan PHP (kembali ke layanan web)
  • ST2 saja
  • Ditinggalkan?

HTMLBeautify

Kelebihan:

  • Mendukung ST2 / ST3
  • Sederhana dan tidak ada dependensi binaray
  • Dukungan untuk OS X, Win dan Linux

Cons:

  • Tersedak sedikit dengan komentar inline
  • Apakah memperluas kode diminimalkan / dikompresi

HTML-CSS-JS Prettify

Kelebihan:

  • Mendukung ST2 / ST3
  • Menangani HTML, CSS, JS
  • Integrasi hebat dengan menu Sublime
  • Sangat bisa disesuaikan
  • Pengaturan per proyek
  • Format pada opsi penyimpanan

Cons:

  • Membutuhkan Node.js
  • Tidak bagus untuk PHP yang disematkan

Mana yang terbaik?

HTML-CSS-JS Prettify adalah pemenang dalam buku saya. Banyak fitur hebat, tidak banyak mengeluh tentang.


351
2018-01-18 16:29



Satu-satunya paket yang bisa saya temukan adalah Menandai.

Anda dapat menginstalnya menggunakan kontrol paket. https://sublime.wbond.net

Setelah menginstal paket kontrol. Pergi ke kontrol paket (Preferensi -> Kontrol Paket) lalu ketik install, memukul memasukkan. Kemudian ketik tag dan tekan memasukkan.

Setelah memasang Tag, sorot teks dan tekan pintasannya Ctrl+Alt+F.


172
2018-01-13 23:12



Saya merekomendasikan plugin ini: HTML / CSS / JS Prettify, Ini benar-benar berfungsi.

Setelah instalasi, cukup pilih kode dan tekan Ctrl + Shift + H.

Selesai!


45
2018-01-07 03:22



Hanya tip umum. Apa yang saya lakukan untuk merapikan secara otomatis HTML saya, adalah menginstal paket HTML_Tidy, dan kemudian menambahkan keybinding berikut ke pengaturan default (yang saya gunakan):

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

ini menjalankan HTML Tidy dengan setiap masuk. Mungkin ada kekurangan untuk ini, saya cukup baru untuk Sublime sendiri, tetapi tampaknya melakukan apa yang saya inginkan :)


38
2017-11-01 15:17



Meskipun pertanyaannya adalah untuk HTML, saya juga ingin memberikan info tentang bagaimana caranya auto-format kode Javascript Anda untuk Sublime Text 2;

Anda dapat memilih semua kode Anda (ctrl + SEBUAH) dan menggunakan fungsi dalam aplikasi, reindent (Edit -> Line -> Reindent) atau Anda dapat menggunakan plugin format JsFormat untuk Sublime Text 2 jika Anda ingin memiliki pengaturan yang lebih dapat disesuaikan tentang cara memformat kode Anda ke penambahan ke pengaturan default tab / inden bawaan Sublime Text.

https://github.com/jdc0589/JsFormat

Anda dapat dengan mudah menginstal JsFormat dengan menggunakan Kontrol Paket (Preferences -> Package Control) Buka kontrol paket kemudian ketik instal, tekan memasukkan. Kemudian ketik js format dan tekan memasukkan, kamu sudah selesai. (Pengontrol paket akan menampilkan status penginstalan dengan sukses dan kesalahan pada bilah kiri bawah Sublime)

Tambahkan baris berikut ke binding kunci Anda (Preferences -> Key Bindings User)

{ "keys": ["ctrl+alt+2"], "command": "js_format"}

saya menggunakan ctrl + alt + 2, Anda dapat mengubah kunci pintasan ini apa pun yang Anda mau. Sejauh ini, JsFormat adalah plugin yang bagus, layak untuk dicoba!

Semoga ini akan membantu seseorang.


20
2018-06-24 11:34



Ada sebuah plugin bernama SublimeHtmlTidy yang berfungsi dengan baik

https://github.com/welovewordpress/SublimeHtmlTidy


11
2017-09-08 11:00