Markdown'dan HTML'ye Dönüştürücü (CommonMark alt kümesi)
Markdown yapıştırın ve anında eşdeğer HTML'yi görün. Blog yazıları, belgeler, README dosyaları için çalışır. Çıktı herhangi bir CMS veya statik siteye yapıştırabileceğiniz temiz, anlamlı HTML'dir.
<h1>Hello</h1> <p>A <strong>bold</strong> statement and <em>italic</em> text.</p> <ul> <li>Item 1</li> <li>Item 2</li> </ul> <p><a href="https://tools.appdevelopsk.com">Toolify</a></p>
Oluşturulmuş önizlemeyi göster
Nasıl çalışır
Desteklenenler
Başlıklar: # H1'den ###### H6'ya. Listeler: sırasız için - / * / +, sıralı için 1. 2. 3. Blok alıntılar: satır başına >. Kod blokları: isteğe bağlı dil ile ```. Satır içi: **kalın**, *italik*, `kod`, ~~üstü çizili~~, [bağlantı](url), . Yatay çizgi: ---, *** veya ___.
CommonMark temellerini uyguluyoruz. Tablolar, dipnotlar ve görev listeleri (-[ ]) henüz dahil değildir; bunlar için derleme ardışık düzeninizde tam bir CommonMark veya GFM kütüphanesi kullanın.
Bu araç ne zaman kullanılır
CMS'ye yapıştırmak için hızlı dönüşüm. Çoğu CMS HTML kabul eder; Markdown'da yazıyorsanız ancak editör yerel olarak işlemiyorsa önce bu araçtan geçirin.
Belgeleme oluşturma: README.md'yi proje açılış sayfası için HTML'ye dönüştürün. Çıktı temel bir şablona sarılacak kadar temizdir.
E-posta oluşturma: birçok e-posta istemcisi HTML işler ama Markdown işlemez. Markdown'da yazın, dönüştürün, yapıştırın.
Tarayıcı tarafı dönüştürme
Tüm dönüştürme tarayıcınızda çalışır. Gizli taslaklar, kod parçacıkları veya notlar içerebilecek Markdown'ınız hiçbir zaman makinenizi terk etmez. Sunucu günlükleri yok, yapay zeka eğitim verisi yok, yalnızca deterministik regex dönüşümü.
GFM özelliklerine (tablolar, görev listeleri, dipnotlar) ihtiyacınız varsa, derlemenizdeki marked.js, markdown-it veya remark gibi daha tam bir kütüphane kullanın. Basit ile orta karmaşıklıktaki Markdown için bu aracın çıktısı yeterlidir.
Sık sorulan sorular
›Bu tablolara destek veriyor mu?
Henüz değil. Tablolar saf CommonMark değil, GFM uzantısıdır. Gelecekteki bir sürümde ekleyebiliriz.
›Kod bloklarım sözdizimi vurgulanacak mı?
<pre><code> etiketlerine class='language-X' ekliyoruz; böylece Prism veya highlight.js gibi vurgulayıcılar bunları biçimlendirebilir. HTML'nin kendisi biçimsizdir — kendi CSS'inizi veya kütüphanenizi uygulayın.
›Çıktı her yere yapıştırmak için güvenli mi?
Kod bloklarında ve satır içi kodda <, >, & ve " karakterlerini kaçırıyoruz. Diğer içerik olduğu gibi dönüştürülür. Kullanıcı tarafından oluşturulan Markdown yapıştırıyorsanız sayfaya enjekte etmeden önce çıktıyı sanitize edin.
›Vurgum neden garip?
Markdown vurgulama iç içe geçmesi karmaşık olabilir. * ve _ bitişik noktalama işaretleriyle farklı davranabilir. CommonMark spesifikasyonu kesindir; çıktımız farklı gelişiyorsa kontrol için spesifikasyon örneğini yapıştırın.
›Bu Markdown içindeki HTML'yi işliyor mu?
Satır içi HTML geçirilir (CommonMark davranışı). Dikkatli kullanın — güvenilmez kaynaklardan gelen kötü amaçlı HTML değiştirilmeden geçecektir.
›HTML'yi Markdown'a geri dönüştürebilir miyim?
Evet — HTML'den Markdown'a dönüştürücümüze bakın (İlgili Araçlar altında bağlantılı).
›Dipnotlar ne olacak?
Uygulanmadı (GFM uzantısı). Karmaşık belgeler için remark-gfm gibi sunucu tarafı bir kütüphane kullanın.
›Veriler tarayıcımdan çıkıyor mu?
Hayır. Dönüşüm yerel olarak çalışır; Markdown'ınız hiçbir yere gönderilmez.
İlgili araçlar
Son güncelleme: