Ana içeriğe geç

Ücretsiz Markdown'dan HTML'ye Dönüştürücü

Markdown'ı canlı önizlemeyle temiz HTML'ye dönüştürün. Bloglar, CMS'ler veya e-posta şablonları için yapıştırmaya hazır HTML kopyalamak üzere kaynak görünümünü kullanın.

Yüklendikten sonra çevrimdışı çalışır
HTML çıktısı burada görünecek…

Yaygın kullanımlar

  • Markdown'ı bir CMS'ye YayınlayınMarkdown notlarını yalnızca HTML kabul eden CMS'lere yapıştırmak için HTML'ye dönüştürün.
  • HTML E-posta İçeriği Oluşturunİşlemsel e-postalar ve bültenler için Markdown'ı HTML'ye dönüştürün.
  • README Dosyalarının Önizlemesini Yerel Olarak GörüntüleyinREADME.md dosyanızı yapıştırarak GitHub, GitLab veya npm'de nasıl işlenecek görebilirsiniz.
  • Statik Siteler İçin Sayfa İçeriği OluşturunMarkdown gövde içeriğini elle oluşturulmuş statik siteler veya tek sayfalı sayfalar için HTML'ye dönüştürün.
  • Dokümantasyon HTML'si Oluşturunİç Markdown docsını uygulamalara, yardım merkezlerine veya bilgi tabanlarına gömülü HTML'ye dönüştürün.

Nasıl çalışır

Dönüştürme tamamen tarayıcınızda elle yazılmış bir Markdown ayrıştırıcısı tarafından yapılır — üçüncü taraf kütüphane yok, sunucu isteği yok. Ayrıştırıcı kaynağı satır satır dolaşır, blok düzeyi kuralları (başlıklar, listeler, tablolar, çitli kod) uygular, ardından kalın, italik, bağlantılar, görüntüler ve satır içi kod için ikinci bir satır içi düzenli ifade geçişi yapar.

  1. 1
    Önce blok yapısı ayrıştırılır
    Ayrıştırıcı ham Markdown'u satır satır okur ve blok düzeyi yapıları belirler: çitli kod blokları (isteğe bağlı dil sınıfıyla), ATX başlıkları (# ile ###### arası), alıntı blokları, GFM görev listesi onay kutuları dahil sıralı ve sırasız listeler, sütun hizalamalı GFM tabloları, yatay çizgiler ve kaydırılmış devam satırlarını doğru birleştiren paragraflar.
  2. 2
    Her bloğun içinde satır içi desenler uygulanır
    Her bloğun metni HTML kaçışından geçirildikten sonra parseInline() içindeki bir düzenli ifade zinciri satır içi sözdizimini dönüştürür: görüntüler ve bağlantılar (javascript: ve data: href'lerini kaldıran URL şeması beyaz listesiyle), **kalın**, *italik*, ~~üstü çizili~~ ve satır içi kod — bu öncelik sırasıyla.
  3. 3
    Önizleme anahtarlı canlı HTML çıktısı
    HTML dizesi her tuş vuruşunda useMemo ile yeniden hesaplanır; böylece sağ bölme anında güncellenir. Bir anahtar, ham HTML kaynak görünümü ile tarayıcının kendi yerleşim motorunu kullanan çizilmiş önizleme arasında geçiş yapar.
  4. 4
    Zengin metin kopyalama dahil üç çıktı seçeneği
    Ham HTML işaretlemesini kopyalayabilir, DOCTYPE ve charset meta etiketli eksiksiz bağımsız bir .html dosyası indirebilir veya 'Zengin metin olarak kopyala'yı kullanabilirsiniz — bu, Clipboard API'nin ClipboardItem'ı ile panoya hem text/html hem text/plain MIME türlerini yazar; böylece biçimlendirilmiş sonuç ek adım olmadan doğrudan Gmail, Google Docs veya Word'e yapıştırılır.

İlgili araçlar

Sık sorulan sorular