Genel bakış / Geliştirici ve kod / Markdown Canlı Önizleme ve HTML
Geliştirici ve kod %100 tarayıcıda ve çevrimdışı

Markdown Canlı Önizleme ve HTML

Markdown yazın ve siz yazarken önizlemenin güncellendiğini izleyin. Tablolar, görev listeleri, görseller ve iç içe listeler çalışır. HTML'yi kopyalayın ya da dosya olarak kaydedin.

Girdinizi yapıştırın veya yazın; sonuç anında görünür, hatalar girdinin altında gösterilir. Alanlar bir örnekle başlar: birine tıklayıp yazmaya başlayarak örneği değiştirin.

Dosyalarınız ve girdileriniz tarayıcınızdan asla çıkmaz – hiçbir şey yüklenmez.

0 sözcük | 0 karakter

Varsayılan olarak kapalı: bir görseli yüklemek onu barındıran siteye bir istek gönderir.

Markdown kaynağı
Canlı önizleme

Tablolu, görev listeli ve görselli Markdown önizleme

Markdown'da bir tablo kurmak için dikey çizgiler, tireler ve iki nokta yeter; bu Markdown önizleme de siz yazarken onu çizer. Kaynak sol panelde, işlenmiş sayfa sağ panelde durur. Bir README taslağını, bir değişiklik günlüğünü ya da bir bilet yorumunu başka bir yere yapıştırmadan önce denetlemek için kullanın. Panellerin üstündeki bir sayaç kaynağınızın sözcüklerini ve karakterlerini gösterir.

Önizlemenin işlediği sözdizimi

Sayfa, GitHub tarzı kipte marked kitaplığını kullanır. 1'den 6'ya kadar başlıkları, kalın, italik, ~~üstü çizili~~, satır içi kodu, çitli kod bloklarını, alıntıları, sıralı ve sırasız listeleri, iç içe listeleri, görev listelerini, yatay çizgileri, bağlantıları, görselleri ve tabloları işler. https://example.com gibi çıplak bir adres köşeli parantezsiz bir bağlantı olur. Görev listeleri tıklayamayacağınız onay kutuları gösterir.

Kaynakta bir satır sonu çıktıda bir satır sonu verir. Boş bir satır yeni bir paragraf başlatır. Açılış çitinden sonra js gibi bir dil etiketi kabul edilir, ama koda renk verilmez.

Tablo yazma: başlık satırı, ayırıcı satır, iki nokta

Bir tablo bir başlık satırı ve altında tirelerden oluşan bir ayırıcı satır ister. Ayırıcı satırdaki iki noktalar hizalamayı belirler: :-- sol, :-: orta ve --: sağdır. Dıştaki çizgiler isteğe bağlıdır. Bir hücre dikey çizgi içerecekse \| yazın. Kalın, italik, kod ve bağlantılar hücrelerin içinde çalışır.

Hücresi az olan bir satır sonuna boş hücreler alır. Başlığın ötesindeki hücreler atılır. Bir tablo, boş satır olmadan doğrudan bir metin satırını izleyebilir. Ama bir hücre yalnızca bir satır satır içi metin taşır: bir liste ya da ikinci bir paragraf sığmaz ve yazılan bir <br> metin olarak görünür. Geniş bir tablo önizlemenin içinde yana kayar.

İki paneli ve ayırıcıyı kullanma

  1. Markdown'ı "Markdown kaynağı" paneline yazın veya yapıştırın. "Canlı önizleme" paneli her tuşta güncellenir.
  2. Paneller arasındaki ayırıcıyı fare, parmak veya kalemle sürükleyin. Çift tıklama onu 50/50'ye sıfırlar. Klavyeyle ayırıcıya odaklanın ve Sol ya da Sağ (yüzde 2), Shift ile bir ok (yüzde 10), Home, End veya Enter (sıfırla) tuşlarına basın.
  3. Ekranı doldurmak için "Geniş görünüm"e basın. Panel genişliği ayarladığınız gibi kalır.
  4. Temizlenmiş HTML gövdesini kopyalamak için "HTML'yi kopyala"ya, tabloları içeren küçük bir stil sayfasıyla document.html indirmek için "HTML olarak kaydet"e basın.

Genişlik yüzde 15 ile 85 arasında kalır. Tarayıcı bunu bu cihazdaki yerel depolamada hatırlar. 860 px altında paneller üst üste dizilir ve ayırıcı gizlenir.

Ham HTML, bağlantılar ve uzak görseller

Kaynağa yazdığınız HTML metin olarak gösterilir. Asla çalışmaz. Bağlantılar yalnızca şu hedefleri korur: http, https, mailto, #çapa ve göreli yollar. Diğer her bağlantı hedefini kaybeder.

Uzak görseller önizlemede yüklenmez, çünkü bir görseli yüklemek tarayıcınızın onu barındıran siteyle iletişim kurmasına yol açar. Onların yerini alternatif metinli bir yer tutucu alır. Onları görmek için "Uzak görselleri yükle"yi açın. data:image/png;base64, olarak gömülü görseller (JPEG, GIF, WebP, AVIF de) her zaman görünür. Kopyalanan ve kaydedilen HTML her görsel etiketini adresiyle korur.

Neler eksik ve metniniz nereye gider

Sözdizimi renklendirme, dipnot, matematik, :smile: gibi emoji kısa kodları ve ön bilgi (front matter) yoktur. İki --- satırı arasındaki bir blok bir çizgi ve bir başlık olarak görünür. İki panel birlikte kaymaz.

marked ve dompurify kitaplıkları sayfa açıldığında yüklenir. Yükleme başarısız olursa önizleme bir ileti gösterir. Sonrasında Markdown'ınız tarayıcıda dönüştürülür ve hiçbir yere gönderilmez. Bunu ağ panelinde kontrol edebilirsiniz. Pano yalnızca "HTML'yi kopyala"ya bastığınızda kullanılır ve bir dosya yalnızca "HTML olarak kaydet"e bastığınızda oluşturulur.

Sık sorulan sorular (SSS)

Hayır. Bir tablo doğrudan bir metin satırını izleyebilir. Bir başlık satırı ve tirelerden oluşan bir ayırıcı satır ister, örneğin | --- | --- |.