Markdown Ön İzleme Tam biçimlendirme ile HTML olarak işlenen Markdown'ın canlı ön izlemesi.

📝

Markdown Ön İzleme

Tam biçimlendirme ile HTML olarak işlenen Markdown'ın canlı ön izlemesi.

Markdown Yazın

Düzenleyicide Markdown yazın veya yapıştırın.

Ön İzlemeyi Görüntüleyin

Oluşturulan HTML ön izleme gerçek zamanlı olarak güncellenir.

Biçimlendirmeyi Doğrulayın

Başlıklar, bağlantılar, kod blokları ve tabloların doğru bir şekilde 렌더ing edildiğini kontrol edin.

Loading tool...

What Is Markdown Ön İzleme?

Markdown Ön İzleme aracı, Markdown kaynak kodunun ve oluşturulan HTML çıktısının canlı, yan yana bir görünümünü sağlar. Markdown yazarken veya yapıştırırken, ön izleme bölmesi anında nasıl görüneceğini gösterir. Bu, başlıklar, vurgulama, bağlantılar, resimler, kod blokları, alıntılar, listeler, yatay kurallar ve GFM tabloları dahil tüm standart Markdown sözdizimini destekler. Doğru ve hızlı oluşturma için marked kütüphanesiyle oluşturulur.

Why Use Markdown Ön İzleme?

Yayınlamadan önce Markdown'ın nasıl görüneceğini görün
Yan yana düzenleme ve ön izleme
Yazarken gerçek zamanlı oluşturma
Tam Markdown ve GFM sözdizimi desteği

Common Use Cases

İçerik Yazma

Blog gönderileri veya makaleleri Markdown formatında yazın ve ön izleyin.

Belgeleme

README dosyalarını ve belgeleri commit etmeden önce ön izleyin.

Öğrenme

Markdown sözdizimini anında görsel geri bildirim ile öğrenin.

Hızlı Düzenleme

Markdown'u hızlı bir şekilde düzenleyin ve oluşturulan çıktıyı doğrulayın.

Technical Guide

Ön izleme, senkronRendering (async: false) için yapılandırılan marked kütüphanesini kullanır. Markdown girişi her tuşa basıldığında React'in useMemo'su ile performans optimizasyonu için parse edilir ve HTML'ye dönüştürülür. Oluşturulan HTML, başlıklar, paragraflar, listeler, kod blokları ve diğer öğelerin doğru bir şekilde stilendirilmesi için Tailwind Typography prose sınıflarıyla bir konteynırda dangerouslySetInnerHTML kullanılarak gösterilir. Prose-invert varyantı, koyu arka planlarda okunabilirliği sağlar. Düzenleyici, Markdown düzenleme için monospace yazı tipi ile standart bir textarea kullanır.

Tips & Best Practices

1
Sol tarafta Markdown yazın, sağ tarafta ön izlemeyi görün
2
GFM tabloları ve kod blokları desteklenir
3
Başlıklar için ###, **kalın**, *italik*, [bağlantılar](url) kullanın
4
Ön izleme, doğru bir şekilde oluşturmak için stilize edilmiş tipografi kullanır

Related Tools

Markdown Bağlantı Çıkaran

İç ve réféns bağlantıları dahil Markdown metninden tüm bağlantılar çıkar.

📝 Text Tools

HTML'den Markdown'a

HTML işaretlemesini temiz Markdown sentaksına dönüştürün.

📝 Text Tools

Markdown'ı HTML'ye Dönüştür

Markdown sözdizimini temiz HTML işaretleme diline dönüştürün.

📝 Text Tools

Markdown Tablo Oluşturucu

Bir elektronik tablo düzenleyicisi ile görsel olarak Markdown tabloları oluşturun.

📝 Text Tools

Frequently Asked Questions

Q GitHub Flavored Markdown'ı destekler mi?

Evet, GFM özellikleri dahil olmak üzere tablolar, üstü çizili metin ve görev listeleri desteklenir.

Q Ön izleme stilli mi?

Evet, ön izleme, uygun başlık boyutları, liste biçimi ve kod bloğu stili için tipografi stilleri kullanır.

Q Oluşturulan HTML'i dışa aktarabilir miyim?

Markdown'u HTML'ye dönüştürme aracını kullanarak ham HTML çıktısını kopyalayabilirsiniz.

Q Kod bloklarında sözdizimi vurgulaması destekleniyor mu?

Kod blokları monospace yazı tipi ile oluşturulur ancak dil özel sözdizimi vurgulaması olmadan.

Q Ön izleme gerçek zamanlı mı?

Evet, ön izleme anında güncellenir.

About This Tool

Markdown Ön İzleme is a free online tool by FreeToolkit.ai. All processing happens directly in your browser — your data never leaves your device. No registration or installation required.