Անցնել հիմնական բովանդակությանը

Markdown-ից HTML փոխակերպիչ անվճար

Փոխակերպեք Markdown-ն մաքուր HTML-ի ուղիղ նախադիտմամբ: Օգտագործեք աղբյուրի տեսքը՝ HTML-ն բլոգների, CMS-ների կամ էլ. փոստի ձևանմուշների մեջ copy-paste անելու:

Աշխատում է անցանց՝ բեռնվելուց հետո
HTML ելքը կհայտնվի այստեղ…

Տարածված կիրառություններ

  • Տեղադրեք Markdown CMS-ումՎերածեք Markdown նշումներ HTML-ի և կպցրեք CMS-ներ, որոնք ընդամենը HTML ընդունում են:
  • Կառուցեք HTML էլ. փոստի բովանդակությունըՎերածեք Markdown HTML-ի գործարքային էլ. փոստի և newsletter-ների համար:
  • README ֆայլերի նախադիտում տեղականՍոսկիր README.md-ը `GitHub`, `GitLab` կամ npm-ում ինչպես կերտելու համար:
  • Գեներացրեք էջի բովանդակությունը ստատիկ կայքերի համարՎերածեք Markdown մարմնի բովանդակությունը HTML-ի `ձեռքով կառուցված ստատիկ կայքեր կամ առանձին էջեր`:
  • Կառուցեք փաստաթղթերի HTMLՎերածեք ներքին Markdown փաստաթղթերը HTML-ի `հավելվածներում, օգնության կենտրոններում կամ գիտելիքի բազաներում տեղադրելու համար`:

Ինչպես է այն աշխատում

Փոխարկումն ամբողջովին կատարվում է ձեր դիտարկիչում ձեռագիր Markdown վերլուծիչով — ոչ մի երրորդ կողմի գրադարան, ոչ մի սերվերային հարցում։ Վերլուծիչն աղբյուրով անցնում է տող-առ-տող, կիրառելով բլոկ-մակարդակի կանոններ (վերնագրեր, ցանկեր, աղյուսակներ, ցանկապատված կոդ) և ապա երկրորդ անցում ներգծված regex ձևանմուշներով թավի, շեղի, հղումների, պատկերների և ներգծված կոդի համար։

  1. 1
    Բլոկի կառուցվածքը նախ վերլուծվում է
    Վերլուծիչը հում Markdown-ը կարդում է տող առ տող, հայտնաբերելով բլոկ-մակարդակի կառուցվածքներ. ցանկապատված կոդի բլոկներ (ընտրովի լեզվի դասով), ATX վերնագրեր (# մինչև ######), մեջբերումներ, կարգավորված և չկարգավորված ցանկեր՝ ներառյալ GFM առաջադրանք-ցանկի վանդակները, GFM աղյուսակներ սյունակ-հավասարեցումով, հորիզոնական գծեր, և պարբերություններ, որոնք ճիշտ են միացնում փափուկ-փաթաթված շարունակության տողերը։
  2. 2
    Ներգծված ձևանմուշներ կիրառված յուրաքանչյուր բլոկի ներսում
    Ամեն բլոկի տեքստը HTML-փախուստավորելուց հետո, parseInline()-ում regex շղթան փոխակերպում է ներգծված շարահյուսությունը. պատկերներ և հղումներ (URL սխեմայի սպիտակ ցանկով, որը հեռացնում է javascript: և data: hrefs-երը), **թավ**, *շեղ*, ~~գծված~~ և ներգծված կոդ — այդ նախապատվության կարգով։
  3. 3
    Կենդանի HTML ելք՝ նախադիտման փոխարկիչով
    HTML տողը վերահաշվարկվում է useMemo-ով ամեն ստեղնազարկի ժամանակ, ուստի աջ պանելը ակնթարթորեն թարմացվում է։ Փոխարկիչը փոխարկվում է հում HTML աղբյուրի տեսքի և մատուցված նախադիտման միջև՝ օգտագործելով դիտարկիչի սեփական դասավորության շարժիչը։
  4. 4
    Երեք ելքային տարբերակ՝ ներառյալ հարուստ-տեքստի պատճենում
    Կարող եք պատճենել հում HTML նշագրումը, ներբեռնել ամբողջական ինքնուրույն .html ֆայլ DOCTYPE-ով և charset meta պիտակով, կամ օգտագործել «Պատճենել հարուստ տեքստ»-ը — որը սեղմատախտակին գրում է ինչպես text/html, այնպես էլ text/plain MIME տեսակները Clipboard API-ի ClipboardItem-ով, ուստի ձևաչափված արդյունքն ուղղակիորեն փակցվում է Gmail-ում, Google Docs-ում կամ Word-ում՝ առանց լրացուցիչ քայլերի։

Առնչվող գործիքներ

Հաճախակի տրվող հարցեր