QuickATools

Geliştirici araçları · Free browser tool

Markdown Canlı Önizleyici

Markdown sözdizimini gerçek zamanlı yazın ve önizleyin. Sunucu tarafı veri takibi olmadan temiz HTML’i anında görselleştirin.

Markdown editor

Split view · compact client-side parser · HTML is escaped before render.

Source

596 chars

Live preview

Markdown Live Previewer

Write GitHub-style notes, README drafts, or AI prompt guides and preview them instantly.

Why this helps

  • See headings, lists, and emphasis as you type
  • Check italics, bold, and strikethrough
  • Keep drafts private — nothing leaves your browser

Inline & block code

Use npm run build for a quick check, or a fenced block:

function greet(name: string) {
  return `Hello, ${name}!`;
}

Tip: Paste a README draft here before you push it.

Links

Read more about CommonMark when you need the full spec.

Frequently Asked Questions

Markdown nedir ve neden bu kadar çok belge onu kullanır?

Markdown, basit işaretlerle yapılandırılmış belgeler yazmanıza — başlıklar için #, listeler için * veya -, **kalın** ve çitli kod blokları — ardından o metni HTML’e dönüştürmenize olanak tanıyan düz metin biçimlendirme sözdizimidir. Ham halde okunaklı kalır, git’te temiz diff verir ve GitHub README’leri, issue şablonları ve birçok statik site oluşturucu için varsayılandır.

Bu önizleyici hangi Markdown özelliklerini destekler?

Çoğu taslağın ihtiyaç duyduğu günlük alt kümeyi kapsar: ATX başlıkları (h1–h3), paragraflar, kalın/italik/üstü çizili, sıralı ve sırasız listeler, alıntılar, satır içi kod, çitli kod blokları, yatay kurallar ve http(s)/mailto bağlantıları. Kasıtlı olarak kompakt tutulmuştur; tam CommonMark/GFM motoru değildir — tablolar veya görev listeleri gibi gelişmiş uzantılar kapsam dışıdır ki paket küçük kalsın.

Canlı önizleme içerik verimliliğini nasıl artırır?

Kırık çitleri, garip başlık düzeylerini ve liste biçimlendirmesini bir commit veya CMS yayınından sonra değil yazarken yakalarsınız. Visual Preview ile HTML Source arasında geçiş, etiketlerin nasıl iç içe geçeceğini tahmin etmeden blog CMS’i veya e-posta şablonu için işlenmiş işaretlemeye ihtiyaç duyduğunuzda da yardımcı olur.

Taslağım yükleniyor veya bir yerde saklanıyor mu?

Hayır. Ayrıştırma ve işleme tamamen tarayıcınızda çalışır. Girdinizdeki ham HTML önizlemeden önce kaçışlanır; böylece yapıştırılan etiketler çalışamaz ve sunucuya hiçbir şey gönderilmez — bu, makinenizden çıkmaması gereken iç runbook’lar, yayınlanmamış README taslakları ve AI istem rehberleri için daha güvenli kılar.

İhtiyacınız olabilecek diğer araçlar

Satıcılar, içerik üreticileri ve profesyoneller için diğer ücretsiz tarayıcı araçlarını keşfedin.

Tarayıcınızdan Çıkmadan README Taslaklarını ve İstem Rehberlerini Önizleyin

Markdown, GitHub README’leri, issue şablonları, blog taslakları ve AI istem kitaplıkları için varsayılan lehçedir — ama kaynak tek başına bir başlık hiyerarşisinin temiz okunup okunmadığını, bir kod çitinin kapanıp kapanmadığını veya bir listenin beklediğiniz gibi işlenip işlenmeyeceğini nadiren gösterir. Canlı önizleme o tahmini çökertir: bir tarafta yazın, diğerinde yapılandırılmış HTML’i görün ve commit veya yayınlamadan önce biçimlendirmeyi düzeltin.

Bu önizleyici kasıtlı olarak hafiftir. Büyük bir Markdown motoru göndermek yerine pratik bir sözdizimi alt kümesini — başlıklar, vurgu, listeler, alıntılar, satır içi ve çitli kod ve güvenli bağlantılar — kompakt istemci tarafı ayrıştırıcıyla dönüştürür. Taslağınızdaki ham HTML önce kaçışlanır; böylece yapıştırılan <script> etiketleri önizleme bölmesinde çalışamaz.

Her şey yerel çalıştığı için bitmemiş belgeler, iç runbook’lar ve istem rehberleri makinenizi asla terk etmez. Hesap duvarı ve yükleme adımı yoktur — aracı açın, bir taslak yapıştırın, Visual Preview ile HTML Source arasında geçiş yapın, ardından işlenmiş işaretlemeyi kopyalayın veya bir .md dosyası indirin.

Diğer geliştirici yardımcı programlarıyla eşleştirin: bağlantı veya başlık kontrastını WCAG Renk Kontrastı Kontrolü’nde kontrol edin, JSON front matter’ı JSON Biçimlendirici ve Doğrulayıcı ile düzenleyin veya belgeleme regex’lerini Regex Test Aracı’nda hata ayıklayın. Belgelerdeki kodlanmış parçalar için Base64 Kodla/Çöz’ü kullanın.