Çevrimiçi Metinden HTML'ye Dönüştürücü ve Zengin Metin HTML Temizleyici

Microsoft Word, Google Dokümanları, Notion veya düz metinden biçimlendirilmiş metni gerçek zamanlı olarak temiz, anlamsal HTML koduna dönüştürün. Başlıkları, listeleri, tabloları ve bağlantıları biçimlendirmek için yerleşik görsel WYSIWYG düzenleyiciyi kullanın; bu sırada HTML temizleyicimiz şişirilmiş inline style niteliklerini, MsoNormal sınıflarını, yedek sarmalayıcılarını ve boş

 

etiketleri.

Quick Presets:

karakterler: 0

Kelimeler: 0

HTML Etiketler: 0

HTML Boyut: 0 bayt

Live Rendered Preview

Canlı olarak oluşturulmuş HTML önizlemeniz, siz içeriği yazarken veya yapıştırırken burada görünecek...

Word, Google Dokümanları veya Metni Temiz HTML'ye Dönüştürme

  1. İçeriğinizi Yapıştırın veya Yazın: Microsoft Word, Google Dokümanlar, Notion veya bir e-postadan biçimlendirilmiş metni kopyalayın ve doğrudan soldaki Zengin Metin Girişi görsel düzenleyicisine yapıştırın veya anında gösterimi görmek için Örnek Yükle öğesine tıklayın.
  2. HTML Temizleme Kurallarını Özelleştirin: inline stillerini ve sınıflarını kaldırmak, boş

     

    ayırıcı etiketlerini kaldırmak, gereksiz etiketlerinin paketini açmak veya aralarında geçiş yapmak için sağdaki ayarlar panelini kullanın. Güzel (Girintili) ve Küçültülmüş HTML.
  3. Canlı Önizlemeyi Kontrol Edin: Temizlenmiş HTML'nizin, kod çıktısının hemen altındaki Canlı Görüntülenmiş Önizleme kutusunda görsel olarak nasıl işlendiğini doğrulayın.
  4. Kopyala veya İndir: İşaretlemeyi WordPress, Shopify, Ghost, Webflow veya kod düzenleyicinize yapıştırmak için HTML'yi kopyala seçeneğine tıklayın veya bir dosya olarak kaydetmek için .html İndir seçeneğine tıklayın.

Hangi Şişirilmiş İşaretleme Kaldırılır? (Öncesi ve Sonrası)

Doğrudan Microsoft Word veya Google Dokümanlar gibi kelime işlemcilerden bir CMS kod düzenleyicisine kopyalayıp yapıştırdığınızda, web sitenizin stil sayfasını geçersiz kılan yüzlerce baytlık özel CSS stilleri, yazı tipi bildirimleri ve sarmalayıcı aralıkları enjekte ederler:

Kaynak Sorunu Ham Word / Google Dokümanlar Yapıştırma (Önce) Temizlenmiş Semantik HTML (Sonra)
Word MsoNormal ve Satır İçi Yazı Tipleri

Merhaba

Merhaba

Google Dokümanlar Sarmalayıcılar
  • Liste öğesi
  • Liste öğesi
  • Boş Aralayıcı Paragraflar

     

    (Otomatik olarak kaldırıldı)
    Harici Bağlantı Güvenliği Kılavuz Kılavuz

    Metinden HTML'ye Dönüştürücünün Yaygın Kullanım Durumları

    • Blog Gönderilerini Yayınlama (WordPress, Ghost, Shopify, Webflow): Google Dokümanlar veya Word'de makaleler taslağı oluşturun ve bunları temiz semantiklere dönüştürün
      ) web sitenizin tipografisini temiz bir şekilde devralır.
    • E-Posta Haber Bültenleri ve Açılış Sayfaları: Çakışan yazı tipi boyutu veya renk geçersiz kılmaları olmadan hafif HTML parçacıkları oluşturun.
    • Veritabanı ve JSON İçerik Alanları: Çok paragraflı HTML açıklamalarını CSV içe aktarmaları, SQL veritabanları veya API yükleri için hazır tek bir satıra sıkıştırmak için Minified modunu kullanın.
    • İstenmeyen Bağlantıları veya Görselleri Kaldırma: Köprü bağlantılarını koru veya Görüntüleri koruyun, üçüncü taraf bağlantılarını ve yerleşik izleme görüntülerini tek tıklamayla alıntı veya ortak makalelerden çıkarmak için işaretini kaldırın.

    Sıkça Sorulan Sorular

    Bir Microsoft Word veya Google Dokümanlar dosyasını inline stilleri olmadan temiz HTML'ye nasıl dönüştürebilirim?

    Metni Word veya Google Dokümanlar belgenizden kopyalayın ve Zengin Metin Girişi düzenleyicisine yapıştırın. Sağdaki sütunda inline stillerini ve sınıflarını kaldır, Boş etiketleri ve boş aralayıcıları kaldır ve Yedek etiketlerini sarmayı kaldır öğelerinin işaretlendiğinden emin olun. Başlıklar, kalın/italik metinler, listeler, tablolar ve bağlantılar korunurken tüm özel stiller ve sınıflar hemen kaldırılır.

    Neden Google Dokümanlar wrap'den etiketlerindeki her paragraf yapıştırılıyor?

    Google Dokümanlar, inline etiketlerini clipboard sistemindeki metin düğümlerinin etrafına yerleştirir. Hem Remove inline stillerini ve sınıflarını hem de Unwrap yedek etiketlerini etkin tutmak, önce stil niteliklerini kaldırır ve ardından boş etiketlerinin sarmasını açar, böylece yalnızca temiz anlamsal etiketler kalır.

    Ham HTML kaynak kodunu doğrudan düzenleyicinin içinde düzenleyebilir miyim?

    Evet! İstediğiniz zaman görsel WYSIWYG düzenleme ile ham HTML kaynak düzenleme arasında geçiş yapmak için Zengin Metin Girişi araç çubuğundaki Source düğmesini tıklayın.

    Bunun yerine HTML'yi Markdown'ye veya Markdown'yi HTML'ye dönüştürmek istersem ne olur?

    Markdown dosyalarıyla (.md) çalışıyorsanız, aşağıdaki İlgili Araçlar bölümünde bağlantısı verilen özel HTML'den Markdown'ye Dönüştürücü ve Markdown'dan HTML'ye Dönüştürücü'ye göz atın.