Негізгі мазмұнға өту

Markdown-ды HTML конвертері — тегін

Markdown-ды тірі алдын ала қараумен таза HTML-ға айналдырыңыз. Блогтар, CMS немесе электрондық пошта үлгілеріне дайын HTML-ды көшіру үшін бастапқы код көрінісін пайдаланыңыз.

Жүктелгеннен кейін офлайн жұмыс істейді
HTML шығысы осында пайда болады…

Жиі қолданылуы

  • Markdown CMS-те жариялаMarkdown ескертпелерін HTML ішіне түрлендіріп, тек HTML қабылдайтын CMS-тардың ішіне орналастырыңыз.
  • HTML электрондық пошта мазмұнын құрыңызMarkdown операциялық электрондық поштасы және бюллетеньдер үшін HTML ішіне түрлендіріңіз.
  • README файлдарын жергілік түрде алдын ала қарап көрінгізіңізGitHub, GitLab немесе npm-де қалай пайда болмасы керектігін көру үшін README.md сүрткеңіз.
  • Статикалық сайттар үшін беттік мазмұнын құрыңызMarkdown дене мазмұнын қол құрылған статикалық сайттар немесе жеке беттер үшін HTML ішіне түрлендіріңіз.
  • Құжаттау-HTML құрыңызІшкі Markdown құжаттарын қосымшаларға, көмек орталықтарына немесе білім негіздеріне ену үшін HTML ішіне түрлендіріңіз.

Қалай жұмыс істейді

Түрлендіру толығымен браузеріңізде қолмен жазылған Markdown талдағышы арқылы жасалады — үшінші тарап кітапханасы жоқ, серверлік сұрау жоқ. Талдағыш көзді жол-бойынша аралайды, блок-деңгейлі ережелерді (тақырыптар, тізімдер, кестелер, қоршалған код) қолданады, содан кейін қалың, курсив, сілтемелер, кескіндер және инлайн код үшін инлайн регекс үлгілерінің екінші өтуін қолданады.

  1. 1
    Блок құрылымы алдымен талданды
    Талдағыш шикі Markdown-ды жол бойынша оқиды, блок-деңгейлі құрылымдарды анықтайды: қоршалған код блоктары (қосымша тіл класымен), ATX тақырыптары (# арқылы ######), дәйексөз блоктары, GFM тапсырма-тізім құсбелгілерін қоса реттелген және реттелмеген тізімдер, баған туралауы бар GFM кестелері, көлденең сызықтар және жұмсақ-оралған жалғасу жолдарын дұрыс біріктіретін абзацтар.
  2. 2
    Инлайн үлгілер әр блок ішінде қолданылды
    Әр блоктың мәтіні HTML-эскейпленгеннен кейін, parseInline()-дегі регекс тізбегі инлайн синтаксисті түрлендіреді: кескіндер мен сілтемелер (javascript: пен data: hrefs-ты алып тастайтын URL схема ақтізіммен), **қалың**, *курсив*, ~~сызылған~~ және инлайн код — сол артықшылық ретінде.
  3. 3
    Алдын ала қарау ауыстырғышы бар тірі HTML шығысы
    HTML жолы useMemo арқылы әр перне басу сайын қайта есептеледі, сондықтан оң жақ панель лезде жаңарады. Ауыстырғыш шикі HTML көз көрінісі мен браузердің өз орналасу қозғалтқышын пайдаланатын өңделген алдын ала қарау арасында ауысады.
  4. 4
    Бай-мәтінді көшіруді қоса үш шығыс опциясы
    Шикі HTML белгілеуін көшіре аласыз, DOCTYPE мен charset мета тегі бар толық жеке-тұрған .html файлын жүктеп ала аласыз немесе 'Бай мәтінді көшіру'-ді пайдалана аласыз — ол Буфер API-дың ClipboardItem-і арқылы буферге text/html мен text/plain MIME түрлерінің екеуін де жазады, сондықтан пішімделген нәтиже қосымша қадамдарсыз тікелей Gmail, Google Docs немесе Word-қа қойылады.

Байланысты құралдар

Жиі қойылатын сұрақтар