Markdown Editör

Markdown yaz, canlı önizleme yap, HTML olarak indir

Editör

Önizleme

Nasıl çalışır

Markdown Editör — Markdown yaz, canlı önizleme yap, HTML olarak indir. Tüm işlemler tarayıcında yapılır — yükleme yok, üyelik yok, e-posta gerek yok. Sonsuza dek ücretsiz.

Son güncelleme: 2026-05-06

Editör notu

Bunu, kısa bir blog yazısı veya README taslağı yazarken bir başlığın nasıl render olduğunu görmek için her virgül düzeltmesini git'ten geçirmek istemediğimiz için yaptık. Yerel Markdown önizleyiciler var, ama VS Code eklentisi kurma dansı hızlı bir yazıdaki asıl yazma işinden daha ağır kalıyor. Yazdığın saniye önizlemeyi gösteren bir tarayıcı sekmesi, asıl yazma alışkanlığımızla örtüşüyor — solda yaz, sağa göz at, yine yaz — ve iki panelli düzen unuttuğumuz bir özellik değil, bilinçli bir tercih.

İki dışa aktarma düğmesi var, çünkü kendi akışımızda gerçekten farklı işler görüyorlar. Copy HTML yayımlamak için kullandığımız buton — CMS'e yapıştır, e-postaya iliştir, statik siteye bırak — ve DOMPurify bu boru hattının ortasında, böylece bir pazarlama sitesine XSS açığı sokan kişiler biz olmuyoruz. Markdown kopyası ise kaynağı arşivlemek için; render edilmiş HTML altı ay sonra yeni bir stylesheet'e karşı yeniden üretilmek zorunda kaldığında elinde kalmasını isteyeceğin sürüm bu.

Markdown Editör hakkında

Bu Markdown editör, iki panelli canlı bir yazma ortamıdır: solda Markdown yaz, sağda render edilmiş HTML önizlemesinin gerçek zamanlı güncellendiğini izle. Çıktıdan memnun olduğunda Markdown'u kopyalayabilir, render edilmiş HTML'i kopyalayabilir veya HTML'i tek başına bir dosya olarak indirip siteye gömebilir ya da e-postayla paylaşabilirsin.

marked kütüphanesi üzerinden GitHub-flavored Markdown'u destekler — başlıklar, listeler, tablolar, fenced code block'lar, blockquote, link, resim, inline HTML ve soft line break. Çıktı DOMPurify ile sanitize edildiği için kopyaladığın HTML XSS açığı doğurmadan herhangi bir sayfaya gömülebilir.

Her şey tarayıcında çalışır. Hesap, sunucuya otomatik kayıt veya dosya yükleme yoktur — taslak notların, blog yazıların, README'lerin ve toplantı notların cihazından çıkmaz. Sayfayı yenilediğinde editör temizlenir, dolayısıyla bunu uzun vadeli depolama değil, bir karalama defteri olarak düşün.

Markdown Editör nasıl kullanılır

Editör paneline tıkla ve Markdown yazmaya başla. Her yapının nasıl render edildiğini görebilmen için bir başlangıç belgesi hazır gelir.
Önizleme paneline göz at; başlıkların, linklerin, listelerin ve resimlerin istediğin gibi görünüp görünmediğini doğrula.
Düzeni Both, Editor only ve Preview only arasında değiştir; yazıyor musun, inceliyor musun, sunuyor musun ona göre seç.
Ham kaynağı almak için Copy Markdown, render edilmiş ve sanitize edilmiş HTML'i almak için Copy HTML kullan.
Önizlemeyi tek başına bir .html dosyası olarak indirmek için Download HTML'e tıkla; e-postaya ekleyebilir veya tarayıcıda açabilirsin.
Yepyeni bir belgeye başlamak için sayfayı yenile — bilinçli olarak otomatik kayıt yoktur.

Yaygın kullanım senaryoları

GitHub README dosyalarını, issue açıklamalarını veya pull request gövdelerini GitHub arayüzünün dışında yazmak.
Markdown'da blog yazısı yazıp Markdown'u doğrudan anlamayan statik site veya bülten platformları için temiz HTML çıktısı almak.
Sürüm notları veya changelog hazırlamak ve formatın Slack, Notion ya da CMS'e yapıştırınca tam olarak nasıl görüneceğini önceden görmek.
Markdown öğretmek — öğrenciler hiçbir şey kurmadan sözdizimini deneyip render edilmiş sonucu yan yana görebilir.
Dokümantasyondan alınan bir Markdown parçasını destek merkezi makalesi veya bilgi tabanı için hızlıca HTML'e çevirmek.

İpuçları ve dikkat edilmesi gerekenler

Liste öğelerini iç içe koymak için dört boşluk veya bir tab kullan; iç içe listenin önizlemede düzleşmesinin en yaygın nedeni girinti uyuşmazlığıdır.
Fenced code block'lar (```dil) HTML çıktısında dil etiketli sınıf adları alır — bunları kendi sitende Prism veya highlight.js gibi bir vurgulayıcıya bağlayarak renkli kod elde edebilirsin.
Inline HTML'e izin verilir ve render edilir; <kbd>, <details> gibi Markdown'ın doğal olarak kapsamadığı etiketleri kullanabilirsin. DOMPurify yine de tehlikeli attribute ve script etiketlerini çıktıdan ayıklar.
HTML'i kopyaladığında bir parça alırsın, tam belge değil. Cilalı bir sayfa olarak kaydetmeden önce <html><body> kabuğuna ve kendi stylesheet'ine sar.

Sıkça sorulan sorular

Hangi Markdown lehçesi destekleniyor?

marked kütüphanesi üzerinden GitHub-flavored Markdown — başlıklar, listeler, tablolar, fenced code block'lar, blockquote, link, resim, inline HTML, soft line break ve dahası.

HTML çıktısı sitemde güvenle gömebilir miyim?

Evet. DOMPurify ile sanitize ediyoruz — tehlikeli attribute ve script'ler temizlenir. Sonucu XSS riski olmadan herhangi bir sayfaya yapıştırabilirsin.

Markdown'ım kaydediliyor mu yükleniyor mu?

Hayır. Hem render hem de indirme tarayıcıda yerel olarak yapılır. Sayfayı yenilersen editör temizlenir.

Önizlemeye kendi CSS'imi ekleyebilir miyim?

Uygulama içi önizleme sitenin varsayılan tipografisini kullanır. Kendi siten için stilize etmek istiyorsan HTML'i kopyala ve hâlihazırda kullandığın stylesheet ile eşleştir — markup düz, anlamsal HTML olduğundan Markdown dostu her CSS çalışır.

Editör tablo ve görev listesi destekliyor mu?

Evet. GitHub-flavored Markdown tabloları (pipe ve tirelerle) ve görev listesi öğeleri (- [ ] / - [x]) hem önizlemede doğru render olur hem de dışa aktarılan HTML'de korunur.

Var olan bir Markdown dosyasını içeri aktarabilir miyim?

Dosyayı herhangi bir metin editöründe aç, içeriği kopyalayıp editör paneline yapıştır. Dosya seçici yok; bu, aracı tamamen offline tutar ve kısa parçalar için yükleme diyaloglarının zahmetinden kurtarır.