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

13

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

html5 code WaterBearer
sumber
2
Netbeans mendukung pemformatan kode melalui SHIFT + ALT + F, sebagian besar editor memiliki fungsi yang sama - periksa manual yang Anda gunakan. Lihat juga: groups.google.com/group/coda-users/browse_thread/thread/…
feeela
Netbeans melakukannya (thx) tetapi tidak Coda seperti yang ditunjukkan oleh tautan Anda.
WaterBearer
Tetapi ada dua program lain yang disebutkan dalam diskusi terkait yang melakukan ...
feeela
Saya membayangkan jika Anda melihat Anda akan menemukan ekstensi Coda yang menambahkan dukungan untuk elemen HTML5.
Musa

Jawaban:

6

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.
Osvaldo
sumber
Secara pribadi, saya tidak suka untuk IDE Eclipsish (saya tidak suka Eclipse: P).
Alerty
Aptana adalah program yang bagus untuk html / css / js, melacak braket pembukaan dan penutupan atau kawat gigi dalam javascript dalam fungsi yang sangat besar adalah masalah di dreamweaver.
Anagio
Terima kasih ini baru saja menyelamatkan hidup saya setelah memindahkan file proyek saya dari IDE lain ke Aptana dan lekukan menjadi kacau. Saya secara manual indentasi ulang semua ribuan baris saya. Dalam Aptana 3 ini berada di bawah menu Source> Format.
bowlerae
3

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).

WaterBearer
sumber
1

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 .

Alerty
sumber
1

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).

Tom
sumber
0

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.

AeroCross
sumber
Saya menggunakan textmate, kapan mereka memperkenalkan tindakan format yang baik untuk HTML? Silakan bagikan karena semua yang saya temukan sangat buruk. Meskipun saya masih menggunakan 1,5.
davidcondrey
0

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.

webvitaly
sumber
0

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

davidcondrey
sumber