Markdown'den HTML'ye Çevrimiçi Dönüştürücü - .md ve GFM'yi Temiz HTML'ye dönüştürün
Markdown (.md) ve GitHub Aromalı Markdown (GFM)'yi gerçek zamanlı olarak temiz, anlamsal HTML koduna dönüştürün. Obsidian, Notion veya VS Code'dan WordPress ve CMS platformlarına makale yayınlamak, GitHub README.md belgelerini oluşturmak, Markdown kanal tablolarını HTML işaretlemesine dönüştürmek veya bağımsız HTML5 web sayfalarını dışa aktarmak için mükemmeldir.
Canlı olarak oluşturulmuş HTML önizlemeniz burada görünecek...
Markdown'yi HTML Çevrimiçi'ye Dönüştürme
- EMarkdown'nizi Girin veya Yapıştırın:
.mdiçeriğinizi soldaki Markdown Girişi düzenleyicisine yazın veya yapıştırın veya başlıkları, GFM boru tablolarını, görev listelerini, blok alıntıları ve çitli kodu görmek için Örnek İşaretlemeyi Yükle öğesine tıklayın bloklar anında dönüştürülür. - Dönüştürme Ön Ayarınızı veya Seçeneklerinizi Seçin: Hızlı Ön Ayarları kullanın çubuğu (örneğin, GitHub README (GFM), Blog / CMS Clean HTML veya Full HTML5 Page) veya sağdaki ayarlar panelindeki onay kutularına ayrı ayrı ince ayar yapın.
- Her İki Kodun ve Oluşturulan Önizleme HTML: HTML Code (ham, girintili işaretlemeyi incelemek için) ve Live Preview (tablolarınızın, tipografinizin ve vurgulanan kod bloklarınızın tarayıcıda nasıl göründüğünü görmek için) arasında geçiş yapın.
.html:'yi Kopyalayın veya İndirin: Oluşturulan HTML'yi CMS'nize veya IDE'nize yapıştırmak için clipboard'a Kopyala'ye tıklayın veya kullanıma hazır bir dosyayı kaydetmek için .html'yi İndir'ye tıklayın.
Markdown'den HTML'ye Dönüşüm Referansı Hile Sayfası
Dönüştürücümüz standart CommonMark sözdiziminin yanı sıra GitHub Aromalı Markdown (GFM) uzantılarını da destekler:
| Öğe | Markdown Söz Dizimi (.md) |
Oluşturulan HTML Çıkışı | |
|---|---|---|---|
| Başlıklar (H1–H6) | # Başlık / ## Bölüm |
/ |
|
| Kalın ve İtalik | **Kalın**, *İtalik*, ***Her ikisi de*** |
Kalın, İtalik, Her ikisi |
|
| Üst çizgi (GFM) | ~~Kullanımdan kaldırıldı~~ |
|
|
| Bağlantılar ve Görseller | [Belgeler](https://example.com) |
Belgeler |
|
| Görev Listeleri (GFM) | - [x] Tamamlanmış görev- [ ] Bekleyen görev |
|
|
| Çitli Kod Blokları | ``jsconst x = 1;`` |
|
|
| Boru Tabloları (GFM) | | İsim | Puan || :--- | ---: | |
|
Markdown'yi HTML'ye Dönüştürmek İçin Yaygın Kullanım Durumları
- CMS ve Blog Yayınlama: Gönderileri Obsidian, Notion, iA Writer veya VS Code'da temiz bir şekilde taslak haline getirin ve ardından bunları WordPress, Ghost, Webflow, Shopify veya özel CMS düzenleyicilerine yapıştırmaya hazır anlamsal HTML parçalarına dönüştürün.
- GitHub README ve Teknik Belgeler:
README.mddosyalarının, değişiklik günlüklerinin ve API belgelerinin nasıl oluşturulduğunu önizleyin (GFM kanal tabloları, görev kontrol listeleri ve otomatik başlık bağlantı kimlikleri (#section-namedahil). - HTML E-posta ve Haber Bülteni Üretimi: Dikkat dağıtmayan Markdown ile bülten kopyası yazın ve temiz, sınıfsız HTML paragraflarını, listelerini ve bağlantılarını dışa aktarın.
- Bağımsız Web Sayfaları: Wrap'i tam HTML5 belgesinde etkinleştirerek herhangi bir Markdown notunu yerleşik, duyarlı CSS ve karanlık kod bloklarıyla eksiksiz, bağımsız bir
.htmldosyasına dönüştürün.
Dönüşüm Seçenekleri Açıklandı
- Sanitize HTML Output: Tehlikeli etiketleri (
,,), inline olay işleyicilerini kaldırarak sitenizi veya uygulamanızı XSS'ye karşı korur. (onerror,onclick) vejavascript:URI'ler. - GitHub Aromalı Markdown (GFM): Standart Markdown'yi boru tablolarıyla genişletir (sütun hizalama iki nokta üst üste
:---,:---:,---:), etkileşimli stil görev listesi onay kutuları,~~üstü çizili~~ve otomatik URL bağlantısı. - Başlık Oluşturma
idSümüklüböcekler:üzerindeetiketleri aracılığıyla otomatik olarak URL dostu slug kimlikleri oluşturur (yinelenen başlıkları işleme-1,-2sonekleri) böylece içindekiler tablosu bağlantı bağlantıları kutudan çıktığı gibi çalışır. - Smart Noktalama (SmartyPants): ASCII alıntılarını dönüştürür (
"..."ve'...'), çift/üçlü tireler (--/---) ve üç noktayı (...) kod bloklarına dokunmadan tipografik kıvırcık tırnaklara, kısa çizgilere (–), uzun tirelere (—) ve elipslere (…) dönüştürün.
Sıkça Sorulan Sorular
Bu araç Markdown boru tablolarını HTML koduna dönüştürür mü?
Evet! GitHub Aromalı Markdown (GFM) işaretlendiğinde (varsayılan olarak etkindir), herhangi bir Markdown boru tablosu, ile yapılandırılmış bir HTML 'ye dönüştürülür, , , ve etiketleri, sol, orta ve sağ sütun hizalamalarını korur.
"HTML çıkışını sterilize et" seçeneğini neden etkin tutmalıyım?
Markdown, varsayılan olarak gömülü ham HTML'ye izin verir. Sanitize HTML çıktı işaretli tutulması, güvenilmeyen Markdown içeriğini dönüştürürseniz, kötü amaçlı etiketleri, onerror öznitelikleri veya javascript: bağlantılarının siz yerleştirmeden önce çıkarılmasını sağlar. HTML web sitenizde.
ve etiketleriyle eksiksiz bir HTML dosyası oluşturabilir miyim?
Evet. Tam HTML5 belgesindeki Wrap'i kontrol edin (veya Tam HTML5 Sayfası preset düğmesini tıklayın), dönüştürülmüş HTML'nizi eksiksiz bir
şablonu içinde wrap'ye dönüştürün UTF-8 meta etiketleri, duyarlı görünüm ayarları ve temiz stil sayfası kuralları.
HTML kodunu tekrar Markdown'ye (.md) nasıl dönüştürebilirim?
HTML kodunuz veya Markdown'ye dönüştürmek istediğiniz bir web sayfası tablonuz varsa, aşağıda bağlantısı verilen yardımcı HTML - Markdown Dönüştürücümüz'yi kullanın.
