📄 Markdown'dan HTML'e Dönüştürücü — .html Dosyası İndir

Convert Markdown to HTML with live preview. Export a complete, self-contained .html file with optional GitHub-style CSS. Paste and convert instantly.

Paste your Markdown on the left and see the live HTML preview on the right. When you're ready, click Download .html to get a complete, standalone HTML file with your content and optional GitHub-style CSS — ready to publish directly to any web server.

Markdown

HTML Preview

How to Use

Paste your Markdown

Paste or type Markdown in the left panel. The HTML preview updates live on the right.

Choose export options

Toggle GitHub CSS to include styling in the output. Optionally add a custom page title.

Download or copy

Click Download HTML to save a standalone .html file, or Copy HTML to copy just the HTML content.

Frequently Asked Questions

What is the difference between this and the Markdown Editor? +

The Markdown Editor is a live writing tool for working with Markdown. This converter is focused on output — pasting Markdown and exporting a complete, standalone HTML file with optional styling that you can publish directly or send to someone.

What is included in the exported HTML file? +

The exported .html file includes the full HTML structure (<!DOCTYPE html>, <head>, <body>), your converted content, and optionally embedded GitHub-style CSS. It is a self-contained file you can open in any browser without additional files.

What Markdown features are supported? +

All standard Markdown is supported: headings, bold, italic, code blocks (with language syntax hints), tables, blockquotes, lists, links, images, strikethrough, and horizontal rules. The parser follows the CommonMark specification.

Can I include custom CSS in the export? +

Yes — the GitHub CSS toggle embeds a clean, readable stylesheet. For custom styling, you can also paste your own CSS in the settings panel before exporting.

Is my Markdown sent to a server? +

No. The entire conversion runs in your browser using a JavaScript Markdown parser. Your content never leaves your device.

Tam Rehber: Markdown'dan HTML'e Dönüştürücü

Markdown'ı HTML'e dönüştürmek basit görünse de doğru, güvenli ve tüm modern uzantılarla uyumlu bir şekilde yapabilmek; hem spesifikasyon dünyasını hem de güvenlik boyutlarını anlamayı gerektirir.

CommonMark ve Orijinal Markdown

John Gruber'ın 2004'te yayımladığı orijinal Markdown spesifikasyonu birçok belirsizlik içeriyordu ve bu durum parserlerin farklı davranmasına neden oldu. 2019'da tamamlanan CommonMark, iç içe vurgu ve blok alıntı gibi kenar durumları açıkça tanımlayan kapsamlı bir spesifikasyondur.

Dikkat etmeniz gereken önemli farklar:

CommonMark, çoğu bağlamda liste öncesinde boş satır gerektirir.
ATX başlıkları (## Başlık) kesin olarak tanımlanmıştır.
Girintili kod blokları tam olarak 4 boşluk kullanır.

Güvenlik: Çıktı Temizleme ve XSS

Markdown varsayılan olarak ham HTML geçişine izin verir. Bir kullanıcı belgeye <script>alert(1)</script> ekleyebilir ve bu tarayıcıda aynen çalışabilir. Kullanıcı girdili Markdown çıktısını asla doğrudan sayfaya yerleştirmeyin.

Ham HTML'yi devre dışı bırakın — parserlerin çoğunda html: false seçeneği bulunur.
Çıktı HTML'ini temizleyin — DOMPurify veya benzer araçlarla güvenli etiket listesi uygulayın.
Content Security Policy — ek bir savunma katmanı sağlar ancak temizlemenin yerini tutmaz.

Özel karakterleri güvenle kodlamak için HTML Entity Encoder aracımıza bakın.

Statik Site Generatörlerinde Kullanım

Hugo — CommonMark uyumlu Goldmark kullanır
Jekyll — varsayılan olarak kramdown kullanır
Eleventy — markdown-it gibi farklı parserleri destekler

Sözdizimi Vurgulama

Dönüştürücüler kod bloklarını <pre><code class="language-js">...</code></pre> şeklinde üretir. Renklendirme için ikinci bir adım gereklidir:

highlight.js — dili otomatik algılar, istemci tarafında çalışır
Prism.js — hafif, language-* sınıflarını okur
Shiki — VS Code gramerlerini kullanır, istemci JS gerekmez

SEO Dostu Başlık ID'leri

Dokümantasyon sitelerinde başlıkların doğrudan bağlanabilmesi için id nitelikleri olmalıdır. Çoğu dönüştürücü bu ID'leri başlık metninden otomatik üretir. Slug'ların tutarlı olması (küçük harf, tire ile ayrılmış, özel karaktersiz) önemlidir.

İlgili araçlar: Markdown Editor canlı önizleme için, HTML Entity Encoder ise çıktınızdaki özel karakterleri kodlamak için kullanılabilir.