Çevrimiçi HTML'den Pug'a Dönüştürücü
HTML'yi kapanış etiketleri yerine girinti kullanan Pug (eski adıyla Jade) şablon söz dizimine dönüştürün. Tam belge ile HTML parçası arasında geçiş yapın; sekme, virgül ve tırnak stilini seçin. HTML yüklenmeden tarayıcınızda yerel olarak dönüştürülür.
Mevcut HTML işaretlemesinden Pug şablonu hazırlamaya başlamak.
HTML is sent to the server for conversion. Use a snippet without confidential data.
Ne zaman kullanılır?
- Mevcut HTML işaretlemesinden Pug şablonu hazırlamaya başlamak.
- Tüm sayfayı dönüştürmeden önce kısa bir örnekte özniteliklerin ve iç içe yapının Pug karşılığını görmek.
Nasıl kullanılır?
- HTML yapıştırın veya örnek yükleyin (HTML parçası, form öznitelikleri, HTML belgesi). Örnek yüklemek girdinizi değiştirir.
- Yalnızca parçayı html, head ve body sarmalayıcıları olmadan dönüştürmek için parça modunu açın. Aşağıdaki örnekte parça modu, sekmeler ve virgüller açık; çift tırnak kapalıdır.
- Pug çıktısını kopyalayın ve oluşan HTML'yi kontrol etmek için kendi Pug kurulumunuzda derleyin.
HTML girdisi
<section class="card"><h2>News</h2><p>Registration is open</p></section>
Pug çıktısı (parça modu, sekmeler ve virgüller açık)
section.card h2 News p Registration is open
Ayrıntılar ve sınırlamalar
Parça modu kapalıyken HTML belge olarak ele alınır; html, head ve body eklenebilir. Yalnızca öğeleri istiyorsanız modu açın.
Sekme ve boşlukları karıştırmak Pug'da üst-alt öğe ilişkilerini değiştirebilir. Projenizin girinti stilini izleyin.
Yinelenen HTML, Pug each döngülerine, mixin'lere veya değişkenlere dönüştürülmez; dış CSS, görsel ve betikler dâhil edilmez.
HTML ayrıştırıcısı eksik etiketleri düzeltebilir. Başarılı dönüştürme HTML'yi doğrulamaz veya aynı sayfayı garanti etmez.
FAQ
html ve body etiketleri neden ekleniyor?
Belge modunda ayrıştırıcı dış öğeleri tamamlar. Bileşen HTML'sini sarmalayıcılar olmadan dönüştürmek için parça modunu açın.
HTML'yi VS Code veya komut satırından Pug'a dönüştürebilir miyim?
Bu sayfa açık kaynaklı html2pug paketini çalıştırır. Betik veya komut satırından dosya dönüştürmek için npm üzerinden kurun ya da hızlı kod parçaları için bu sayfayı kullanmaya devam edin.
Pug'ı tekrar HTML'ye nasıl dönüştürürüm?
Bu sayfa yalnızca HTML'yi Pug'a dönüştürür. Tekrar HTML elde etmek için şablonu Pug'ın kendisiyle, örneğin pug-cli paketiyle derleyin.
HTML'm yükleniyor mu?
Hayır. Dönüştürme tarayıcınızda yerel olarak yapılır ve HTML yüklenmez. Ortak bir cihaz kullandıktan sonra girdiyi temizleyin.