HTML Biçimlendirici & Güzelleştirici
Kullanım Kılavuzu
HTML Formatter, ham HTML kodunu doğrudan tarayıcıda biçimlendirir ve güzelleştirir — markup'ınız hiçbir harici sunucuya yüklenmez. CMS sistemleri, şablonlama çerçeveleri veya üretim araçları tarafından oluşturulan HTML işaretlemesi genellikle girintisiz gelir ve okunması ya da incelenmesi zordur. Bu araç, herhangi bir HTML'yi — parçalar, tam belgeler ve satır içi bileşenler dahil — doğru girinti, iç içe hizalama ve tutarlı satır sonları uygulayarak anında güzelleştirir. Arka planda, girinti boyutu (2 veya 4 boşluk), satır içi özniteliklerin işlenmesi ve yerleşik komut dosyası ve stil etiketlerinin yönetimi için yapılandırılabilir seçeneklerle js-beautify kitaplığını kullanır. Araç, HTML5 ve özel veri özniteliklerini doğru şekilde işler, HTML varlıklarını ve özel işaretçileri değiştirmeden bırakır. Doğrudan yapıştırabilir veya bir .html dosyasını sürükleyebilirsiniz. Biçimlendirilmiş çıktı, editörünüze kopyalanmaya hazır olarak sağ panelde görünür.
- HTML'yi yapıştırın veya yükleyin — Giriş paneline tıklayın ve ham HTML markup'ınızı yapıştırın ya da bırakma alanına bir .html dosyası sürükleyin.
- Girinti ayarlarını seçin — Projenizin stiline veya editörünüzün gereksinimlerine bağlı olarak girinti seçiciden 2 veya 4 boşluk seçin.
- Biçimlendir'e tıklayın — Markup'ı güzelleştirmek için "Biçimlendir"e basın. Çıktı, doğru girinti ve tutarlı satır sonlarıyla sağ panelde görüntülenir.
- Biçimlendirilmiş HTML'yi inceleyin — İç içe yapıyı kontrol etmek için çıktıyı kaydırın — açılan ve kapanan etiketler artık görsel olarak hizalanmıştır, bu da yalnız öğeleri veya hatalı öznitelikleri bulmayı kolaylaştırır.
- Sonucu kopyalayın — Güzelleştirilmiş HTML'yi panoya kopyalamak için "Kopyala"ya tıklayın. Kod editörünüze, IDE'nize veya sürüm kontrol sisteminize yapıştırın.
- Gerekirse yeniden işleyin — Çıktıyı manuel olarak düzenlediyseniz ve yeniden biçimlendirmek istiyorsanız, giriş paneline geri yapıştırın ve biçimlendirmeyi yeniden çalıştırın.
Sık Sorulan Sorular
HTML kodum biçimlendirirken bir sunucuya gönderiliyor mu?
Hayır. Tüm biçimlendirme, yerel JavaScript kullanılarak tarayıcınızda yerel olarak gerçekleşir. Kaynak kodunuz hiçbir zaman cihazınızdan ayrılmaz.
HTML'i çevrimdışı güzelleştirebilir miyim?
2Kit bir PWA'dır. İlk ziyaretinizden sonra araç tamamen çevrimdışı çalışır — internet bağlantısı gerekmez.
Bu araç geçersiz veya parçalı HTML'i destekliyor mu?
Evet. Biçimlendirici, geliştiricilerin günlük çalışmalarında yaygın olan kapatılmamış etiketleri, eksik nitelikleri ve kısmi HTML parçalarını hoşgörülü bir şekilde işleyen js-beautify'ı kullanır.
Biçimlendirme sırasında girintileme ne olur?
Girinti stili olarak 2 boşluk, 4 boşluk veya sekme arasında seçim yapabilirsiniz. Biçimlendirici, girinti düzeyini tüm iç içe etiketlere tutarlı biçimde uygular.
Bu HTML biçimlendirici ücretsiz mi?
Evet. 2Kit tamamen ücretsizdir, kayıt gerektirmez ve kullanım sınırı yoktur.
Teknik Uygulama
Tüm işlemler yalnızca tarayıcınızda gerçekleştirilir — hiçbir veri sunuculara gönderilmez. Bu araç, Aşamalı Web Uygulaması (PWA) olarak tamamen çevrimdışı çalışır: ilk ziyaretten sonra tüm sayfalar ve kaynaklar Service Worker tarafından önbelleğe alınır ve internet bağlantısı olmadan da kullanılabilir hale gelir. Girdiğiniz veriler cihazınızdan hiç çıkmaz, bu da API anahtarları, parolalar, özel yapılandırmalar ve gizli belgeler gibi hassas içerikler için güvenli bir ortam sağlar.