İçeriğe geç
ToolMug

HTML Biçimlendirici

HTML biçimlendirici ile kodunuzu yeniden okunabilir hale getirin. İç içe öğeleri girintiler, uzun öznitelik listelerini satırlara böler ve style ile script etiketlerinin içindeki CSS ve JavaScript’i de biçimlendirir.

Tarayıcınızda çalışır — girdiğiniz hiçbir şey yüklenmez

Nasıl kullanılır

  1. HTML kodunuzu yapıştırın.
  2. HTML veya Vue dilini, girintiyi ve satır genişliğini seçin.
  3. “Biçimlendir” düğmesine tıklayın veya Ctrl+Enter’a (Mac’te ⌘+Enter) basın.
  4. Biçimlendirilmiş kodu kopyalayın.

Seçeneklerin açıklaması

Satır genişliği
Bu genişliği aşacak çok sayıda özniteliğe sahip öğeler, her satıra bir öznitelik gelecek şekilde bölünür.
Vue
.vue tek dosyalı bileşenleri biçimlendirir — template, script ve style blokları.

Örnekler

E-posta şablonu. Tablo yapısını girintili görmek için tek satırlık bir HTML e-postasını yapıştırın.

Kopyalanan sayfa kaynağı. İhtiyacınız olan bölümü bulmak için bir sayfanın kaynak kodunu biçimlendirin.

Sıkça sorulan sorular

Bazı metinler neden tek satırda kalıyor?

HTML’de satır içi öğeler arasına boşluk eklemek sayfanın görünümünü değiştirebilir. Biçimlendirici her öğenin CSS display değerine uyar ve ekranda görünecek boşluklar eklemez.

Geçersiz HTML’i düzeltir mi?

HTML’in yazılmadan bırakılmasına izin verdiği </li> ve </p> gibi kapanış etiketlerini ekler. Yanlış sırada kapatılmış etiketler satır ve sütun bilgisiyle bir hataya neden olur, böylece sorunu kaynağında düzeltebilirsiniz.

Kodum yükleniyor mu?

Hayır. Her şey tarayıcınızda çalışır.

Gizlilik

Bu araç tamamen tarayıcınızda çalışır. Dosyalarınız ve metinleriniz cihazınızda işlenir, sunucularımıza asla yüklenmez.

İlgili araçlar