onlinetools.dev

Markdown ↔ HTML Dönüştürücü

Markdown’ı canlı önizlemeyle HTML’e işleyin ya da HTML’i Markdown’a döndürün

Yerelde çalışır
loading…
Bu araç hakkında

Markdown yazın ya da yapıştırın; hem işlenmiş önizlemeyi hem üretilen HTML’i yan yana görün — başlıklar, GFM tabloları, görev listesi tarzı maddeler, çitli kod blokları ve üstü çizili metin dâhil. Ters yön ise var olan HTML’i temiz Markdown’a çevirir: ATX başlıkları, tireli maddeler ve çitli kod ile — eski CMS içeriğini bir dokümantasyon deposuna taşımanın en hızlı yolu budur.

Önizleme işlenmeden önce temizlenir: betikler, iframe’ler ve olay işleyici öznitelikleri sıyrılır; böylece düşmanca biçimlendirme taşıyan paylaşılmış bir bağlantı tarayıcınızda hiçbir şey çalıştıramaz. HTML çıktı kutusu ise şablonlara ya da e-postalara kopyalamanız için her zaman ham dönüşümü gösterir.

Dönüştürme ve önizleme yerelde çalışır. Henüz duyurulmamış özellik adları içeren sürüm notu taslakları makinenizde kalır.

Sıkça sorulan sorular

Bu hangi Markdown lehçesi?
CommonMark artı insanların gerçekten kullandığı GitHub uzantıları: tablolar, üstü çizili metin ve kendiliğinden bağlanan URL’ler. Yumuşak satır sonları yumuşak kalır — tek bir yeni satır <br> olmaz; bu, GitHub’ın belgeleri işleme biçimiyle örtüşür.
Önizleme neden ham HTML çıktısından farklı?
Önizleme, işlemeden önce script etiketlerini, satır içi olay işleyicilerini ve javascript: URL’lerini kaldıran bir temizleyiciden geçer. Çıktı kutusu temizlemeyi atlar, çünkü orada işlenmiş biçimlendirme değil metin vardır — kullanıcı kaynaklı HTML’i gömüyorsanız akışın ilerisinde siz temizleyin.
HTML → Markdown ne kadar sadık?
Yapısal öğeler — başlıklar, listeler, bağlantılar, vurgular, kod, alıntı blokları, görseller — temiz dönüşür. Markdown karşılığı olmayan HTML (iç içe tablolar, sınıflı div’ler, satır içi stiller) ham HTML olarak geçer ya da biçemini kaybeder; bu yüzden sonrasında hızlı bir gözden geçirme yapmak değer.
Üretilen HTML’i bir e-postada kullanabilir miyim?
Evet — çıktı, sınıf ve dış stil dosyası içermeyen düz anlamsal HTML’dir; e-posta istemcilerinin en iyi tolere ettiği şey de tam olarak budur. İhtiyacınız olan biçemi üstüne satır içi olarak ekleyin.
İlgili araçlar