Əsas məzmuna keç

Pulsuz Markdown-dan HTML-ə Çevirici

Markdown-u canlı önizləmə ilə təmiz HTML-ə çevirin. Bloglar, CMS-lər və ya e-poçt şablonları üçün hazır yapışdırılacaq HTML kopyalamaq üçün mənbə görünüşünü istifadə edin.

Bir dəfə yükləndikdən sonra oflayn işləyir
HTML çıxışı burada görünəcək…

Ümumi istifadələr

  • Markdown-u CMS-də Dərc EdinMarkdown qeydlərini HTML-ə çevirin və yalnız HTML qəbul edən CMS-lərə yapışdırın.
  • HTML E-poçt Məzmunu YaradınMarkdown-u işlemli e-poçtlar və bültenler üçün HTML-ə çevirin.
  • README Fayllarını Lokal Olaraq Ön İzləyinREADME.md-ni GitHub, GitLab və ya npm-də necə göründüyünü görmək üçün yapışdırın.
  • Statik Saytlar üçün Səhifə Məzmunu YaradınMarkdown gövdə məzmununu əl ilə qurulmuş statik saytlar və ya tək səhifələr üçün HTML-ə çevirin.
  • Sənədləşdirmə-HTML YaradınDaxili Markdown sənədlərini proqramlara, yardım mərkəzlərinə və ya biliklər bazalarına daxil etmək üçün HTML-ə çevirin.

Necə İşləyir

Çevirmə tamamilə brauzerinizdə əl ilə yazılmış bir Markdown parseri tərəfindən edilir — üçüncü tərəf kitabxanası yoxdur, server sorğusu yoxdur. Parser mənbəni sətir-sətir gəzir, blok-səviyyəli qaydaları (başlıqlar, siyahılar, cədvəllər, çərçivəli kod) tətbiq edir, sonra qalın, kursiv, keçidlər, şəkillər və inline kod üçün ikinci bir inline regex nümunə keçidi işlədir.

  1. 1
    Blok strukturu əvvəlcə təhlil edilir
    Parser xam Markdown-u sətir-sətir oxuyur, blok-səviyyəli konstruksiyaları müəyyən edərək: çərçivəli kod blokları (isteğe bağlı dil sinfi ilə), ATX başlıqları (#-dan ######-ə qədər), sitatlar, GFM tapşırıq-siyahısı onay qutuları daxil olmaqla sıralanmış və sıralanmamış siyahılar, sütun uyğunlaşması olan GFM cədvəlləri, üfüqi xətlər və yumşaq-sarılmış davam sətirlərini düzgün birləşdirən paraqraflar.
  2. 2
    Inline nümunələr hər blokun daxilində tətbiq edilir
    Hər blokun mətni HTML-qaçırıldıqdan sonra, parseInline()-dəki bir regex zənciri inline sintaksisi çevirir: şəkillər və keçidlər (javascript: və data: hrefs-lərini çıxaran URL sxem ağ-siyahısı ilə), **qalın**, *kursiv*, ~~üstündən-xətli~~ və inline kod — bu üstünlük sırasında.
  3. 3
    Önizləmə keçidi ilə canlı HTML çıxışı
    HTML sətri hər klaviatura vuruşunda useMemo vasitəsilə yenidən hesablanır, ona görə sağ panel ani olaraq yenilənir. Bir keçid xam HTML mənbə görünüşü ilə brauzerin öz düzən mühərriki istifadə edərək render edilmiş bir önizləmə arasında dəyişir.
  4. 4
    Zəngin-mətn kopyalaması daxil olmaqla üç çıxış seçimi
    Xam HTML işarələməsini kopyalaya, DOCTYPE və charset meta etiketi olan tam özünə-kifayət bir .html faylı endirə, ya da 'Zəngin mətni kopyala'dan istifadə edə bilərsiniz — bu, hər ikisini text/html və text/plain MIME növlərini Clipboard API-nin ClipboardItem-i vasitəsilə mübadilə buferinə yazır, ona görə formatlanmış nəticə əlavə addımlar olmadan birbaşa Gmail, Google Docs, ya da Word-a yapışdırılır.

Əlaqəli Alətlər

Tez-tez Verilən Suallar