📝 Markdown Editor

Write Markdown with live preview side by side. Export to HTML or copy rendered output. Supports GFM tables, code blocks, and task lists. Free online Markdown editor.

Markdown

Preview

How to Use

Write or paste Markdown

Type your Markdown in the left panel or paste existing content. The preview updates instantly.

See the live preview

The right panel renders your Markdown to HTML in real-time, just like GitHub README files.

Copy the output

Use "Copy Markdown" to copy the source, or "Copy HTML" to copy the rendered HTML.

Frequently Asked Questions

What is Markdown? +

Markdown is a lightweight markup language that converts plain text to HTML. It uses simple symbols like # for headings, ** for bold, and - for lists. It is widely used for README files, documentation, and blog posts.

What Markdown features are supported? +

This editor supports: headings (# to ######), bold (**text**), italic (*text*), strikethrough (~~text~~), inline code (`code`), code blocks (```), unordered lists (- or *), ordered lists (1.), links ([text](url)), images (![alt](url)), blockquotes (>), horizontal rules (---), and tables.

Can I export my Markdown as HTML? +

Yes. Click "Copy HTML" to copy the rendered HTML to your clipboard, or "Copy Markdown" to copy the raw Markdown source.

Is my content saved? +

No. Content exists only in your browser during your session. Refresh the page and it is gone. For persistent editing, copy your Markdown to a text file.

Can I use this for GitHub README files? +

Yes. This editor supports GitHub Flavored Markdown (GFM) including tables and strikethrough. The preview closely matches how GitHub renders README files.

Tam Rehber: Markdown Editörü

Markdown Nedir ve Neden Önemlidir?

Markdown, John Gruber tarafından 2004'te oluşturulan hafif düz metin biçimlendirme sözdizimidir; olduğu gibi okunabilir ve yapısal olarak geçerli HTML'ye dönüştürülebilir şekilde tasarlanmıştır. CommonMark belirtimi (2014) belirsiz uç durumları standartlaştırdı. GitHub Flavored Markdown (GFM) bunu tablolar, görev listeleri, üstü çizili metin, dipnotlar ve sözdizimi vurgulamalı kod blokları ile genişletti.

Markdown'ın geliştirici iş akışlarındaki hâkimiyeti, sadeliğinden gelir: düz metin dosyasına yazarsınız, kodunuzla birlikte commit edersiniz ve GitHub, GitLab, npm, VS Code, Notion dahil her önemli platform güzel biçimde render eder.

Nasıl Kullanılır?

Sol panele Markdown yazın veya yapıştırın — canlı önizleme sağ tarafta görüntülenir.
Araç çubuğunu kullanın — kalın, italik, başlıklar, listeler, linkler, kod blokları.
"Markdown'ı Kopyala" ile ham kaynak kopyalanır.
"HTML'yi Kopyala" ile render edilmiş HTML alınır.

Kod Örnekleri

# GFM Sözdizimi Başvurusu

## Tablolar
| Sütun 1 | Sütun 2 |
|---------|---------|
| sol     | sağ     |

## Görev Listeleri
- [x] Tamamlandı
- [ ] Beklemede

## JavaScript: Markdown'ı HTML'ye render etmek
import { marked } from 'marked';
const html = marked.parse('# Merhaba\n\nBu **Markdown**.');

Yaygın Hatalar

İki boşluklu satır sonu — Sonu iki boşlukla biten satır <br> oluşturur. Editörlerde görünmez ve beklenmedik şekilde bozar.
Liste girintilerinde tutarsızlık — İç içe liste öğeleri tutarlı girinti gerektirir (parser'a göre 2 veya 4 boşluk).
Başlık düzeylerini atlamak — #'dan ###'ye ## olmadan geçmek belge taslağını ve erişilebilirliği bozar.
Barındırılan belgelerde göreli görsel yolları — npm veya PyPI'da çalışmayabilir; mutlak URL veya CDN görsellerini kullanın.

İpuçları

Ön madde (front matter): Hugo, Jekyll gibi statik site üreticileri dosya başındaki YAML ön maddesini okur — içerik metaverisi için idealdir.
CI'da markdownlint: Tutarlı başlık seviyeleri ve liste stili için CI pipeline'ınıza markdownlint ekleyin.
Mermaid diyagramları: GitHub, ```mermaid etiketli kod bloklarını nativo olarak render eder — görüntü dosyası olmadan akış şemaları ve sıra diyagramları oluşturun.