Markdown önizleme

Markdown yazın, yazarken işlenmiş halini görün veya HTML’ini kopyalayın. Ham HTML metin olarak gösterilir ve bağlantılar denetlenir; önizlemede hiçbir şey çalışamaz.

Kod örnekleri

Bu örnekleri kendi projenize kopyalayın. Her biri yalnızca dilin standart kütüphanesini kullanır, bu yüzden kurulacak bir şey yoktur.

En çok 3 dili yıldızlayın; her araç sayfasında ilk sırada görünsünler.

const text = '# Hello\n\nSome **bold** text <b>raw</b>'

const escaped = text.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;')

const html = escaped
  .split('\n\n')
  .map((block) =>
    block.startsWith('# ')
      ? `<h1>${block.slice(2)}</h1>`
      : `<p>${block.replace(/\*\*(.+?)\*\*/g, '<strong>$1</strong>')}</p>`,
  )
  .join('\n')

console.log(html)

Ne yapar

Yazarken Markdown’ı işlenmiş bir sayfa olarak gösterir ve HTML’ini verir. CommonMark’ı ve çoğu belgenin kullandığı GitHub eklentilerini okur: tablolar, görev listeleri, üstü çizili metin ve otomatik bağlantılar.

Nasıl kullanılır

Markdown yazın veya yapıştırın ya da bir metin dosyası bırakın.
İşlenmiş sayfayı görmek için Önizleme, işaretlemeyi görmek için HTML seçin. Sohbet mesajlarındaki gibi tek satır sonu yeni satır başlatsın istiyorsanız satır sonlarını açın.
HTML’i kopyalayın veya indirin.

Örnekler

# Merhaba, <h1>Merhaba</h1> olur; Biraz **kalın** metin, Biraz <strong>kalın</strong> metin olur. Dikey çizgiler ve tirelerle yazılan tablo gerçek bir tabloya, - [x] bitti ise işaretli bir kutuya dönüşür.

Bilmekte fayda var

Kaynaktaki ham HTML metin olarak gösterilir ve asla iletilmez; yapıştırılan Markdown içindeki bir script etiketi veya olay işleyici hiçbir şey yapamaz.
Yalnızca web, e-posta ve telefon bağlantıları ile göreli adresler bağlantı olarak kalır. javascript: bağlantısı düz metin kalır.
Görseller önizlemede asla yüklenmez. Açıklamalarını ve adreslerini görürsünüz; kopyalanan HTML görsel etiketini içerir.
Sınır 100.000 karakterdir.

Önizleme neleri destekler?

CommonMark ve en çok kullanılan GitHub eklentileri: tablolar, görev listeleri, üstü çizili metin ve otomatik bağlantılar. Her şey tarayıcınızda dönüştürülür.

Sık sorulan sorular

Ham HTML’im neden metin olarak görünüyor?

Markdown içindeki ham HTML betik çalıştırabilir, bu yüzden asla geçirilmez: script etiketleri ve diğer işaretlemeler yazıldığı gibi görünür. Bunun yerine Markdown sözdizimini kullanın. Kopyaladığınız HTML aynı şekilde kaçışlanır.

Görseller neden yüklenmiyor?

Görseller asla çekilmez; böylece önizleme sizi izlemek veya başka bir siteden bir şey yüklemek için kullanılamaz. Açıklamayı ve adresi düz metin olarak görürsünüz. Kopyalanan HTML görsel etiketini içerir.

Bu araç metnimi bir yere gönderiyor mu?

Hayır. Her şey tarayıcınızda olur. Yazdıklarınız sunucularımıza asla gönderilmez.

Bu aracın değişiklikleri