Hangi araç HTML5'i düzenleyebilir / girintili kılabilir? [kapalı]

Google'da arama yapmak ve çeşitli araçları denemek için yaklaşık 2 saat geçirdim, ancak ya söyleme başına girinti etiketleri yapmıyorlar ya da son 3 yıl önce güncellenen ünlü HTML düzenli gibi HTML5 uyumlu değiller …

Not Bu bir sayfanın kaynağına (PHP veya JS gibi) uygulamak istemiyorum ama editör koduna böylece etiketler arasında net bir hiyerarşi görünür.

İdeal olarak bir Mac OS X aracı istiyorum, ancak herhangi bir çevrimiçi aracı alacağım ve son olarak Wine uyumlu bir aracı resot edeceğim.

PS şu anda Panik'ten Coda kullanıyorum

Aptana Studio 2 , Düzenle> Biçim menüsünde istediğinizi yapar. Ben kullandım ve html, css ve javascript formatları.

WYSIWYG editörü BlueGriffon ayrıca bir dosyayı açtığınızda html'yi de biçimlendirebilir.

Her iki çözüm de ücretsiz ve açık kaynaklıdır, ancak Aptana daha iyi olabilir. BG tüm kodu değişmeden tutar, emin değilim muhtemelen.

Notlar:

1. Aptana 2'yi yükledikten sonra düzgün bir şekilde yapılandırılması gerekiyor, ancak harika bir html5 / css / javascript editörü / IDE. Varsayılan yapılandırma biraz berbat.
2. Aptana 3 ne istersen yapamaz. Denediğim sürüm bunu yapmadı.

Artık burada bulunan HTML'nin düzenli bir sürümü var: https://github.com/w3c/tidy-html5 .

Çevrimiçi bir araç arıyordum ve muhtemelen bu yüzden bir şey bulamadım.
Bunu yapan Coda eklentisi PHP & Toolkit'e işaret ettim. Ayrıca Taco gibi çoğu HTML düzenleyicisi bunu doğal olarak yapıyor (ancak Coda değil).

Alçakgönüllü olarak Espresso 2'yi öneririm .

Web sitelerinden:

Şimdi Espresso'da bulunan tek ve tek CSSEdit 3 - CSSEdit'in ödüllü görsel araçları. Çok tarayıcılı degradeler, gölgeler ve daha fazlası için harika CSS3 desteği ile.

X-ray ile Web Önizleme - CSS'nizin web düzenlerini nasıl etkilediğini görün, kenar boşluklarını ve dolguyu görselleştirin ve herhangi bir sayfa öğesi için ilgili stil kurallarını hızla bulun.

Güçlü ve Verimli Kodlama - CodeSense, kod katlama, akıllı snippet'ler, Zen kodlaması ve sürükle ve bırak Gezgini, daha kısa sürede daha iyi kod yazmanıza yardımcı olur.

Canlı Stil ve Geçersiz Kılmalar - Herhangi bir web sitesinin CSS'sini düzenleyin ve gerçek zamanlı olarak güncellendiğini görün. Kaydetmeye, yayınlamaya veya yeniden yüklemeye gerek yok. Deneme ve ayarlama hiç bu kadar eğlenceli olmamıştı.

Zahmetsiz Senkronizasyon ve Yayınlama - Hızlı Yayınlama, Sunucu Senkronizasyonu ve Göz atma ile, herhangi bir sunucu tabanlı iş akışı için doğru araca sahip olursunuz. Yeni Vroom motoru süper hızlı.

İş Akışınıza Uygun Bir Çalışma Alanı - Yenilikçi Çalışma Alanı, Proje dosyalarınızla sorunsuz bir şekilde bütünleşirken Sekmelerin esnekliğini sağlar.

Fantastik Bul - İğne ve samanlık, Espresso ile tanışın. Proje çapında Bul ve Değiştir, Hızlı Filtre ve renklendirilmiş normal ifade, dosyalar veya metinler arasında arama yapmayı kolaylaştırır.

Dil Desteği - Geliştirilmiş HTML5, CSS3, JavaScript ve PHP; yepyeni Ruby, Python, Apache ve Markdown. Veya XML / JS Sugars ile Espresso'yu uzatın.

Kalite hakkında fikir sahibi olmak için Mac Appstorm'dan bir inceleme okuyabilirsiniz . Onlar 10/10 verir .

Eclipse, HTML5'i girintilemek / biçimlendirmek için iyi bir iş yapıyor gibi görünüyor. HMTL düzenleyicisine yüklenen bir HTML dosyasında her zamanki biçim komutunu (Ctrl-Shift-F) kullanırsınız ve onu yeniden biçimlendirir.

Ayarlamak için tercihler -> web -> html dosyaları -> düzenleyiciye gidin. Doğrulamayı buradan da kontrol edebilirsiniz. (Eclipse v4.2.2 kullanıyorum.)

HTML düzenleyicisinin Eclipse kurulumunuzun Web Araçları Platformunu içermesini gerektirdiğini unutmayın ( ayrıntılar için bu cevaba bakın).

İşi yapan bir Mac OS X aracı arıyorsanız, TextMate diyebilirim .

Genellikle çok fazla girinti yapıyorum ve bulabildiğim en iyisi o oldu.

Ne gibi aslında kodunuzu yeniden düzenlemez değil, ancak iç içe geçirme ve girintileri etiketler tarafından değil , seviyeye göre kontrol eden bir biçimde yeniden girintili olduğunu .

"Seçime Girinti Yap" özelliği özellikle kullanışlıdır.

JetBrains PhpStorm HTML, CSS veya PHP girintileri ile harika ve sezgisel çalışır. PHPStorm ayarlarında değiştirebileceğiniz girinti türü (sekmeler veya boşluklar).

Dirtymarkup.com HTML ve JS'yi hızlı bir şekilde biçimlendirmek için kullanıyorum.