Alat mana yang dapat merapikan / indentasi HTML5? [Tutup]

Saya sudah menghabiskan sekitar 2 jam mencari google dan mencoba berbagai alat tetapi mereka tidak membuat tag indentasi per kata atau mereka tidak kompatibel dengan HTML5 seperti rapi HTML terkenal yang terakhir diperbarui 3 tahun yang lalu ...

NB Saya tidak ingin menerapkan ini ke sumber halaman (seperti PHP atau JS akan lakukan) tetapi untuk kode di editor sehingga hierarki yang jelas muncul di antara tag.

Idealnya saya ingin alat Mac OS X tapi saya akan mengambil alat online dan pada akhirnya resot yang kompatibel dengan Wine.

PS saat ini saya menggunakan Coda dari Panic

Aptana Studio 2 melakukan apa yang Anda inginkan dalam menu Edit> Format. Saya telah menggunakannya dan memformat html, css dan javascript.

Editor WYSIWYG BlueGriffon juga dapat memformat html saat Anda membuka file.

Kedua solusi itu gratis dan open-source, tetapi Aptana mungkin lebih baik. Saya tidak yakin apakah BG menyimpan semua kode tidak berubah, mungkin tidak.

Catatan:

1. Aptana 2 perlu dikonfigurasi dengan benar setelah Anda menginstalnya, tetapi itu adalah html5 / css / javascript editor / IDE yang hebat. Konfigurasi default sedikit menyebalkan.
2. Aptana 3 mungkin tidak melakukan apa yang Anda inginkan. Versi yang saya coba tidak melakukannya.

Sekarang ada versi HTML5 rapi, ditemukan di sini: https://github.com/w3c/tidy-html5 .

Saya mencari alat daring dan mungkin itulah sebabnya saya gagal menemukan apa pun.
Saya diarahkan ke plugin Coda PHP & Toolkit yang melakukannya. Juga sebagian besar editor HTML seperti Taco melakukannya secara asli (tetapi tidak Coda).

Saya dengan rendah hati menyarankan Espresso 2 .

Dari situs web mereka:

Satu-satunya CSSEdit 3 - alat visual pemenang penghargaan CSSEdit, sekarang di dalam Espresso. Dengan dukungan CSS3 yang mengagumkan untuk gradien multi-browser, bayangan dan banyak lagi.

Pratinjau Web dengan X-ray - Lihat bagaimana CSS Anda memengaruhi tata letak web, memvisualisasikan margin dan bantalan, dan dengan cepat menemukan aturan gaya yang relevan untuk setiap elemen halaman.

Pengodean yang Kuat dan Efisien - CodeSense, lipat kode, cuplikan cerdas, pengodean Zen, dan Navigator drag-and-drop membantu Anda menulis kode yang lebih baik dalam waktu yang lebih singkat.

Styling Langsung dan Override - Edit CSS situs web mana pun dan lihat pembaruannya secara waktu nyata. Tidak perlu menyimpan, menerbitkan, atau memuat ulang. Bereksperimen dan mengutak-atik tidak pernah semenyenangkan ini.

Sinkronisasi dan Penerbitan yang Mudah - Dengan Quick Publishing, Server Sync dan Browse, Anda memiliki alat yang tepat untuk setiap alur kerja berbasis server. Mesin Vroom baru super cepat.

Ruang Kerja Yang Cocok Dengan Alur Kerja Anda - Ruang Kerja yang inovatif memberi Anda fleksibilitas Tab sambil berintegrasi dengan lancar dengan file Proyek Anda.

Fantastic Find - Jarum dan tumpukan jerami, temui Espresso. Seluruh Proyek Cari dan Ganti, Filter Cepat dan regex berwarna membuat pencarian melalui file atau teks menjadi mudah.

Dukungan Bahasa - Peningkatan HTML5, CSS3, JavaScript dan PHP; Ruby, Python, Apache, dan Markdown yang semuanya baru. Atau perpanjang Espresso dengan Gula XML / JS.

Anda dapat membaca ulasan dari Mac Appstorm untuk mengetahui kualitasnya. Mereka memberikan 10/10 .

Eclipse tampaknya melakukan pekerjaan yang layak untuk membuat indentasi / memformat HTML5. Anda cukup menggunakan perintah format biasa (Ctrl-Shift-F) pada file HTML yang dimuat di editor HMTL dan itu akan memformat ulang itu.

Untuk menyesuaikannya, buka preferensi -> web -> file html -> editor. Anda juga dapat mengontrol validasi di sini. (Saya menggunakan Eclipse v4.2.2.)

Perhatikan bahwa editor HTML mengharuskan instalasi Eclipse Anda menyertakan Platform Alat Web (lihat jawaban ini untuk detail).

Jika Anda mencari alat Mac OS X yang melakukan pekerjaan, saya akan mengatakan TextMate .

Saya biasanya melakukan banyak indentasi ulang dan yang terbaik yang bisa saya temukan adalah yang itu.

Yang saya suka adalah bahwa itu tidak benar-benar mengatur ulang kode Anda, tetapi itu kembali indentasi itu, dalam bentuk yang memeriksa sarang dan indentasi berdasarkan level, bukan dengan tag .

Fitur "Indent Selection" sangat berguna.

JetBrains PhpStorm bekerja sangat baik dan intuitif dengan indentasi dalam HTML, CSS atau PHP. Jenis indent (tab atau spasi) yang dapat Anda ubah dalam pengaturan PHPStorm.

Dirtymarkup.com adalah tujuan saya untuk memformat HTML dan JS dengan cepat.