Canlı önizleme ile Markdown'ı HTML'ye dönüştürün
Markdown, HTML etiketleriyle uğraşmadan basit semboller kullanarak hızlıca biçimlendirilmiş metinler yazmanızı sağlar. Bir web sitesi, Markdown desteklemeyen bir CMS, bir e-posta şablonu veya önizlemek istediğiniz bir README dosyası için HTML'ye ihtiyaç duyduğunuzda, bu dönüştürücü işlemi anında gerçekleştirir. Sol tarafa yazın ve sağ tarafta işlenmiş sonucu veya temiz HTML kodunu görün. Her şey tarayıcınızda gerçekleşir.
Özellikler
- Siz yazdıkça güncellenen canlı önizleme.
- GitHub Flavored Markdown: tablolar, görev listeleri, üstü çizili metin, otomatik bağlantılar ve sınırlandırılmış kod blokları.
- İsteğe bağlı satır sonları — tek satır atlamalarını
<br>etiketlerine dönüştürün. - Satır içi stiller veya fazladan sarmalayıcılar içermeyen, istediğiniz yere yapıştırmaya hazır temiz HTML çıktısı.
- Basit ve okunaklı bir stil sayfasıyla tam bir sayfa olarak indirme.
- Komut dosyalarını engelleyen korumalı (sandbox) bir çerçevede güvenli önizleme.
Markdown kopya kağıdı
| Markdown | Sonuç |
|---|---|
# Heading 1 / ## Heading 2 |
Başlıklar |
**bold** / *italic* |
kalın / italik |
[link](https://example.com) |
Bağlantı |
 |
Görsel |
- item veya 1. item |
Madde işaretli veya numaralı liste |
> quote |
Alıntı bloğu |
`code` |
Satır içi kod |
Öncesi ve sonrasındaki satırlarda ``` |
Kod bloğu |
--- |
Yatay çizgi |
- [ ] task |
Görev listesi öğesi (GFM) |
~~text~~ |
Üstü çizili (GFM) |
Tablolar dikey çizgiler ve tirelerden oluşan bir ayırıcı satırla yazılır. Ayırıcı satırdaki iki nokta üst üste işaretleri sütunları hizalar: :--- sol, :---: orta, ---: sağ.
Yaygın kullanım alanları
- HTML kabul eden ancak Markdown desteklemeyen bloglar ve CMS'ler.
- E-posta bültenleri — Markdown ile yazın, HTML'i e-posta aracınıza yapıştırın.
- GitHub veya GitLab'e göndermeden önceki README ve dokümantasyon önizlemeleri.
- Obsidian, Notion dışa aktarımları veya diğer Markdown uygulamalarındaki notları web sayfalarına dönüştürme.
- Her bir Markdown yapısının hangi etiketleri oluşturduğunu görerek HTML öğrenme.
İpuçları
- Paragraflar, listeler ve başlıklar arasında boş bir satır bırakın — bu, beklenmedik biçimlendirme sorunlarını önler.
- İç içe geçmiş liste öğelerini tutarlı bir şekilde iki veya dört boşluk ile girintileyin.
- Sitenizdeki sözdizimi vurgulayıcıların kodu renklendirebilmesi için açılış kod bloğundan sonra bir dil adı ekleyin (örneğin
```js).
Metninizdeki kelimeleri saymak için Kelime Sayacı'nı kullanın. Yapılandırılmış veriler için JSON Formatlayıcı JSON'ı doğrular ve düzenler.