Markdown Düzenleyici/Önizleme

Markdown Düzenleyici/Önizleme

Markdown metnini gerçek zamanlı olarak düzenleyin ve önizleyin. Markdown'ı HTML'ye dönüştürün ve canlı önizleme görün.

Önizleme burada görünecek...

Markdown Düzenleyici Kullanmanın Avantajları

Gerçek Zamanlı Önizleme

Markdown'ınızın HTML olarak render edildiğini yazarken anında görün. Kaydetmenize veya yenilemenize gerek yok.

Öğrenmesi Kolay

Markdown sözdizimi basit ve sezgiseldir, bu da herkesin formatlanmış içerik oluşturmasını kolaylaştırır.

HTML Dışa Aktarma

Web siteleri, dokümantasyon veya diğer projelerde kullanmak için Markdown'ınızın HTML çıktısını alın.

Gizlilik Önceliği

Tüm Markdown işleme tarayıcınızda yerel olarak gerçekleşir. İçeriğiniz cihazınızdan hiç ayrılmaz.

Temel Özellikler

Gerçek zamanlı Markdown önizleme
Markdown'dan HTML'ye dönüşüm
Başlık, kalın, italik desteği
Bağlantı ve resim desteği
Liste ve kod bloğu desteği
Alıntı desteği
Markdown ve HTML kopyalama
Tamamen çevrimdışı çalışır
Sınırsız ücretsiz kullanım

Nasıl Kullanılır

1

Markdown Yazın

Markdown metninizi düzenleyicide yazın veya yapıştırın. Başlıklar için #, kalın için ** gibi Markdown sözdizimini kullanın.

2

Canlı Önizlemeyi Görün

Markdown'ınızın sağdaki önizleme panosunda gerçek zamanlı olarak HTML olarak render edildiğini izleyin.

3

Çıktıyı Kopyalayın

Projelerinizde kullanmak için render edilmiş HTML çıktısını veya orijinal Markdown metnini kopyalayın.

Markdown ve Markdown Düzenlemeyi Anlama

Markdown, düz metin formatlama sözdizimi ile hafif bir işaretleme dilidir. Okunması ve yazılması kolay olacak şekilde tasarlanmıştır ve HTML ve diğer birçok formata dönüştürülebilir. Markdown, dokümantasyon, README dosyaları, blog yazıları ve içerik yönetimi için yaygın olarak kullanılır.

Ücretsiz Markdown düzenleyici ve önizleme aracımız, geliştiricilerin ve içerik oluşturucuların Markdown'ı gerçek zamanlı olarak yazmasına ve önizlemesine yardımcı olur. Dokümantasyon yazıyor, blog yazıları oluşturuyor veya içerik formatlıyor olsanız da, Markdown metni yapılandırmanın basit ve verimli bir yolunu sağlar.

Markdown'ın Önemi

  • Basitlik: Markdown sözdizimi öğrenmesi ve kullanması kolaydır, bu da hem geliştiricilere hem de geliştirici olmayanlara erişilebilir hale getirir.
  • Okunabilirlik: Markdown dosyaları HTML'ye dönüştürülmeden önce bile düz metin olarak okunabilir.
  • Taşınabilirlik: Markdown dosyaları HTML, PDF ve diğer birçok formata dönüştürülebilir.
  • Sürüm Kontrolü: Markdown, Git gibi sürüm kontrol sistemleriyle iyi çalışır, bu da onu dokümantasyon için ideal hale getirir.

Yaygın Markdown Sözdizimi

  • Başlıklar: # H1, ## H2, ### H3
  • Kalın: **metin** veya __metin__
  • İtalik: *metin* veya _metin_
  • Bağlantılar: [metin](url)
  • Resimler: ![alt](url)
  • Listeler: - öğe veya 1. öğe
  • Kod: `satır içi kod` veya ```kod bloğu```
  • Alıntılar: > alıntı metni

Yaygın Kullanım Alanları

  • Dokümantasyon ve README dosyaları yazma
  • Blog yazıları ve makaleler oluşturma
  • Web siteleri için içerik formatlama
  • GitHub issue'ları ve pull request'leri yazma
  • Formatlanmış notlar ve dokümantasyon oluşturma
  • Düz metni HTML'ye dönüştürme

Aracımız tüm Markdown dönüşümlerini tarayıcınızda yerel olarak işler, tam gizlilik sağlar. Hiçbir veri sunucuya gönderilmez, bu da herhangi bir içerik için güvenli hale getirir.

Kod Örnekleri

Markdown - Temel Sözdizimi

# Başlık 1
## Başlık 2
### Başlık 3

**Kalın metin** ve *italik metin*

- Sırasız liste öğesi
- Başka bir öğe

1. Sıralı liste öğesi
2. Başka bir öğe

[Bağlantı metni](https://example.com)

![Resim alt metni](https://example.com/resim.jpg)

`satır içi kod`

```
kod bloğu
```

> Alıntı metni

Markdown - Gelişmiş

# Dokümantasyon

## Giriş

Bu *formatlama* ile bir **markdown** belgesidir.

### Özellikler

- Özellik bir
- Özellik iki
- Özellik üç

### Kod Örneği

```javascript
function merhaba() {
  console.log('Merhaba, Dünya!');
}
```

### Bağlantılar

Daha fazla bilgi için [web sitemizi](https://example.com) ziyaret edin.

> Bu önemli bilgiler içeren bir alıntıdır.

JavaScript - Markdown Ayrıştırıcı

// Basit Markdown'dan HTML'ye dönüştürücü
function markdownToHtml(markdown) {
  let html = markdown;
  
  // Başlıklar
  html = html.replace(/^### (.*$)/gim, '<h3>$1</h3>');
  html = html.replace(/^## (.*$)/gim, '<h2>$1</h2>');
  html = html.replace(/^# (.*$)/gim, '<h1>$1</h1>');
  
  // Kalın
  html = html.replace(/\*\*(.+?)\*\*/g, '<strong>$1</strong>');
  
  // İtalik
  html = html.replace(/\*(.+?)\*/g, '<em>$1</em>');
  
  // Bağlantılar
  html = html.replace(/\[([^\]]+)\]\(([^)]+)\)/g, 
    '<a href="$2">$1</a>');
  
  return html;
}

// Kullanım
const markdown = '# Merhaba\n\n**Dünya**';
const html = markdownToHtml(markdown);
console.log(html);

Daha Fazla Araç Keşfet