Табдилдиҳандаи Markdown ба HTML-и ройгон

Чӣ тавр он кор мекунад

Табдил пурра дар браузери шумо аз ҷониби таҳлилгари Markdown-и дастнавис анҷом дода мешавад — на китобхонаи тарафи сеюм, на дархости сервер. Таҳлилгар манбаъро сатр-ба-сатр тай карда, қоидаҳои сатҳи блок (сарлавҳаҳо, рӯйхатҳо, ҷадвалҳо, рамзи fenced)-ро татбиқ мекунад ва сипас гузашти дуюми намунаҳои regex-и inline барои сиёҳ, курсив, пайвандҳо, тасвирҳо ва рамзи inline.

1. 1
   Сохтори блок аввал таҳлил карда мешавад

   Таҳлилгар Markdown-и хомро сатр ба сатр мехонад, конструксияҳои сатҳи блокро муайян мекунад: блокҳои рамзи fenced (бо синфи забони ихтиёрӣ), сарлавҳаҳои ATX (# то ######), нохунакҳои ситоидӣ, рӯйхатҳои тартибдор ва бетартиб аз ҷумла қуттичаҳои вазифаи GFM, ҷадвалҳои GFM бо ҳамгироии сутун, хатҳои уфуқӣ ва порчаҳое ки хатҳои давомоти нарм-печондашударо дуруст мепайванданд.
2. 2
   Намунаҳои inline дар дохили ҳар блок татбиқ мешаванд

   Пас аз он ки матни ҳар блок HTML-экранӣ шуд, занҷири regex дар parseInline() синтаксиси inline-ро табдил медиҳад: тасвирҳо ва пайвандҳо (бо рӯйхати иҷозати схемаи URL, ки hrefs-и javascript: ва data:-ро мебарорад), **сиёҳ**, *курсив*, ~~хат-задашуда~~ ва рамзи inline — ба ин тартиби афзалиятнок.
3. 3
   Натиҷаи зиндаи HTML бо иваз кунандаи пешнамоиш

   Сатри HTML тавассути useMemo дар ҳар зарбаи калид аз нав ҳисоб карда мешавад, бинобар ин панели рост фавран нав мешавад. Иваз кунандае байни намуди манбаи хоми HTML ва пешнамоиши тасвиршуда бо истифодаи муҳаррики намуди худи браузер иваз мекунад.
4. 4
   Се имконоти натиҷа аз ҷумла нусхабардории матни бой

   Метавонед нишонагузории хоми HTML-ро нусхабардорӣ кунед, файли пурраи мустақили .html-ро бо DOCTYPE ва тегы мета-и charset боргирӣ кунед, ё 'Нусхабардории матни бой'-ро истифода баред — ки навъҳои MIME-и ҳам text/html ва ҳам text/plain-ро тавассути ClipboardItem-и API-и Clipboard ба ҳофиза менависад, бинобар ин натиҷаи форматшуда бевосита ба Gmail, Google Docs ё Word бидуни қадамҳои иловагӣ часпида мешавад.

Абзорҳои марбут