Ücretsiz Dönüştürücü

Şuna kadar işaretleme: HTML Dönüştürücü

Canlı önizleme desteğiyle Markdown metnini üretime hazır HTML koduna dönüştürün.

Bu araç hakkında

Markdown, John Gruber tarafından 2004 yılında yazarların düz metin kurallarını kullanarak yapılandırılmış HTML üretmelerine olanak tanıyan hafif bir biçimlendirme dilidir: başlıklar için karma karakterler, vurgu için yıldız işaretleri, listeler için kısa çizgiler, kod için girintili bloklar. Bu format, README dosyaları, teknik belgeler, blog taslakları, statik site oluşturucular ve yazının düz metin ve işlenmiş çıktı olarak okunabilmesi gereken herhangi bir bağlam için varsayılan haline geldi. Markdown'ı HTML'ye dönüştürmek, kaynağı bir web sayfasına dönüştüren oluşturma adımıdır.

Bu dönüştürücü, JavaScript'te en yaygın olarak benimsenen Markdown oluşturucusu olan işaretlenmiş kitaplığı kullanır. Marked, CommonMark ve GitHub Flavored Markdown'ı (GFM) destekler; bu, standart Markdown özelliklerine ek olarak tabloların, çitlerle çevrili kod bloklarının, görev listelerinin, üstü çizili ve otomatik bağlantının hepsinin doğru şekilde çalıştığı anlamına gelir.

Çıktı düz HTML'dir; başlıklar, paragraflar, listeler, bağlantılar ve resimler için anlamsal etiketlerin yanı sıra sözdizimi vurgulama araçlarının beklediği kod blokları için sınıf kancaları. Çıktı herhangi bir CMS'ye temiz bir şekilde yapıştırılır, statik site oluşturuculara gömülür veya bağımsız .html olarak hizmet eder. Hiçbir CSS veya JavaScript eklenmez; sonucun şekillendirilmesi aşağı akış bağlamınıza bırakılmıştır.

Neden Markdown'ı HTML'ye Dönüştürün?

Markdown, yazarların ve geliştiricilerin tercih ettiği formattır; HTML, tarayıcıların oluşturduğu formattır. Statik site oluşturucuların ve CMS platformlarının çoğu, Markdown'ı sahne arkasında HTML'ye dönüştürür, ancak bazen dönüşümün bağımsız bir adım olarak yapılması gerekir; Markdown desteği olmayan bir CMS'ye yapıştırmak, e-postalar için HTML oluşturmak, hızlı bir önizleme oluşturmak veya daha ileri işlemler için işlenmiş çıktıyı çıkarmak.

HTML ayrıca sonuçta bir tarayıcıda görüntülenecek herhangi bir içeriğin kanonik formatıdır. Markdown taslaklarından oluşturulan e-posta bültenleri, daha büyük HTML uygulamalarına gömülü belge sayfaları ve HTML'nin temiz bir dönüşümden faydalanmasını bekleyen editörlere yapıştırılan blog gönderileri.

Nasıl kullanılır

Markdown'ı yapıştırın, HTML alın.

  1. Markdown'ınızı ekleyin: Markdown metnini giriş alanına yapıştırın veya bir .md dosyası bırakın. Hem standart Markdown hem de GitHub Flavored Markdown sözdizimi çalışır.
  2. Dönüştür: Marked, Markdown'ı bir AST'ye ayrıştırır ve HTML yayar. Standart satır içi öğeler (vurgu, güçlü, bağlantılar, kod, resimler), blok öğeleri (başlıklar, paragraflar, listeler, blok alıntılar) ve GFM uzantılarının (tablolar, çitlenmiş kod, görev listeleri, otomatik bağlantılar) tümü doğru şekilde oluşturulur.
  3. Önizleme: Önizleme panelinde oluşturulan HTML'yi inceleyin. Kod bloklarının, tabloların ve diğer karmaşık öğelerin beklendiği gibi göründüğünü doğrulayın.
  4. Kopyala veya indir: Bir CMS'ye yapıştırmak için HTML'yi panoya kopyalayın veya bağımsız kullanım için .html olarak kaydedin. Çıktı, satır içi stilleri olmayan anlamsal HTML5'tir.

Yaygın Kullanım Durumları

Teknik Detaylar

Marked iki geçişli bir mimari kullanır. Lexer, girişi blok düzeyindeki belirteçlere (başlıklar, paragraflar, listeler, kod blokları) ve satır içi belirteçlere (vurgu, bağlantılar, resimler) dönüştürür. Ayrıştırıcı, jeton akışını yürütür ve her jeton türü için oluşturucu kancaları uygulayarak HTML yayar.

GitHub Aromalı Markdown uzantıları varsayılan olarak etkindir: tablolar (boru sözdizimini kullanarak), çitle çevrilmiş kod blokları (dil ipuçlarıyla birlikte üçlü geri tırnaklar), görev listeleri (- [ ] ve - [x]), üstü çizili (çift tilde kullanarak) ve URL otomatik bağlama. Kod blokları, aşağı akış sözdizimi vurgulaması için isteğe bağlı dil sınıfıyla önceden sarılmış kod yayar.

Çıkışın sanitasyonu alt tüketicilere bırakılmıştır. Marked, Markdown'a gömülü ham HTML de dahil olmak üzere girdinin ürettiği her şeyi yayar. Güvenilmeyen girişi kabul ederseniz, çıktıyı bir tarayıcıda oluşturmadan önce DOMPurify veya benzer bir HTML temizleyici aracılığıyla çalıştırın.

En İyi Uygulamalar

Sık sorulan sorular

MARKDOWN'u HTML'ye dönüştürmek içeriği değiştirir mi?
İçerik mümkün olduğunca doğru bir şekilde korunur. Ancak formata özgü bazı özelliklerin doğrudan eşdeğerleri olmayabilir, bu nedenle küçük formatlama farklılıkları oluşabilir.
HTML formatı ne için kullanılır?
HTML (HyperText Markup Language) öncelikle web sayfaları ve web içeriği için kullanılır.
Dikkat edilmesi gereken herhangi bir sınırlama var mı?
50 MB'a kadar dosyalar desteklenir. Çok büyük veya karmaşık dosyaların işlenmesi daha uzun sürebilir. Tüm dönüşümler tarayıcınızda gerçekleşir, dolayısıyla işlem hızı cihazınıza bağlıdır.
Bu dönüşüm güvenli ve gizli mi?
Evet. Tüm işlemler tarayıcınızda yerel olarak gerçekleşir. Verileriniz hiçbir zaman cihazınızdan ayrılmaz; sunucuya yükleme yok, bulut işleme yok, veri toplama yok.
Emojiler destekleniyor mu?
Unicode emojiler doğrudan geçer (bir kalp emojisi yazmak, çıktıda bir kalp gösterir). GitHub tarzı :emoji: kısa kodlar varsayılan olarak dönüştürülmez; ihtiyacınız varsa bir uzantı ekleyin.
Markdown'ım bir sunucuya mı yüklendi?
Hayır. İşaretli tarayıcınızda çalışır; dönüşüm tamamen cihazınızda gerçekleşir.
HTML'ye özel stil ekleyebilir miyim?
Evet, dönüşümden sonra. Çıktı düz anlamsal HTML'dir; stil başlıklarına, kod bloklarına, tablolara ve diğer öğelere kendi CSS'nizi uygulayın.
Dipnotları destekliyor mu?
Standart CommonMark dipnot söz dizimini belirtmez. Bazı Markdown uzantıları [^1] dipnot sözdizimini destekler; bu dönüştürücü dipnot içermeyen GFM'yi takip eder.