Nasıl kullanılır?
- HTML'i HTML alanına yapıştırın. Örnek bir başlık, vurgu ve bağlantı içeren bir paragraf ile bir liste gösterir.
- Markdown (CommonMark) alanını okuyun; yazdıkça güncellenir.
- Kopyala düğmesiyle kopyalayın ve bir .md dosyası olarak kaydedin ya da bir Markdown düzenleyicisine yapıştırın.
Ne dönüştürülür ve nasıl
h1'den h6'ya kadar başlıklar, bir ile altı arasında kare işaretli ATX başlıklarına dönüşür. strong ve b öğeleri kalın metin, em ve i öğeleri *italik metin* olur. code öğesi kod aralığına, pre öğesi ise kod bloğuna dönüşür; kodda language- sınıfı varsa dil korunur. br bir sert satır sonu olur, blockquote her satırının başına > koyar, ul ve ol ise - ya da bir sayı ile listeye dönüşür. href'li bir a öğesi bağlantı, src'li bir img öğesi alt metniyle görsel olur (CommonMark bölüm 4.2, 4.5, 5.1, 5.2, 6.1, 6.2, 6.3 ve 6.7).
Markdown'ın işaret olarak okuyacağı karakterler ters eğik çizgiyle kaçışlanır: yıldız, alt çizgi, ters tırnak, köşeli parantezler ve açılı parantez, bir başlık, alıntı ya da liste gibi başlayacak satırlar da dahil. CommonMark'ın 2.4 bölümü, ASCII noktalama işaretinden önce gelen ters eğik çizgiyi serbest bırakır.
Neler korunmaz
Script, stil, şablon, çerçeve, form denetimleri ve medya, içeriğiyle birlikte çıkarılır. href, src, alt ve title dışındaki öznitelikler bırakılır. CommonMark'ta tablo, altı çizili metin ya da renk yoktur; bu yüzden bir tablo her hücre için ayrı bir paragrafa dönüşür, u, span ve benzeri öğelerin metni biçimlendirmesiz kalır.
Üç öğe ve kaçışlanacak bir karakter
Tablodaki her HTML parçası, sağ sütundaki Markdown'ı verir; araç bu çıktıyı aynen yazar.
| HTML'in içerdiği | Markdown |
|---|---|
| Notlar metniyle 2. düzey bir başlık | ## Notlar |
| Kalın metin içeren bir paragraf | Biraz **kalın** metin |
| Birinci adlı tek öğeli bir liste | - Birinci |
| Yıldız içeren metin: 5 * 3 = 15 | 5 * 3 = 15 |
Sık sorulan sorular
Markdown neden ters eğik çizgi içeriyor?
Ters eğik çizgi, sonraki karakterin yıldız ya da parantez gibi işaret değil metin olduğunu gösterir. CommonMark bunu Markdown görüntülenirken kaldırır (bölüm 2.4), böylece sayfa karakterleri HTML'deki gibi gösterir.
Araç HTML'imi çalıştırıyor mu, sayfada tutuyor mu?
Hayır. HTML, DOMParser ile ayrı bir belgeye ayrıştırılır; bu belgenin tarama bağlamı yoktur ve betik çalıştırmaz. Araç yalnızca metni ve yapıyı kopyalar, Markdown'ı da metin olarak gösterir.
Tablolar neden paragrafa dönüşüyor?
CommonMark'ta tablo sözdizimi yoktur; bazı hizmetlerin eklediği boru tabloları bir uzantıdır. Her hücre bir paragraf olur; kelimeler korunur, tablonun düzeni korunmaz.
Bağlantılar ve görseller korunuyor mu?
Evet. href'li bir a öğesi, varsa başlığıyla birlikte bağlantı olur; src'li bir img öğesi, alt metni kaçışlanmış bir görsel olur. Diğer öznitelikler korunmaz.
Markdown karşılığı olmayan öğelere ne olur?
Metinleri kalır, biçimlendirmeleri düşer. Örneğin span, u ve mark içerdikleri kelimeleri korur; div ve section yeni bir metin paragrafı başlatır.
Kaynaklar
- CommonMark Spec, sürüm 0.31.2: bölüm 2.4, 4.1, 4.2, 4.4, 4.5, 5.1, 5.2, 6.1, 6.2, 6.3 ve 6.7
- WHATWG HTML Standard, bölüm 8.5.1, The DOMParser interface
- MDN, DOMParser
Rakamlar ve metin en son 10 Kasım 2026 Salı tarihinde kontrol edildi.