Beddelaha Markdown ilaa HTML oo Bilaash ah

Sida Ay U Shaqeyso

Beddelku waxaa gebi ahaanba lagu sameeyaa biraawsarkaaga falanqeeye Markdown oo gacan lagu qoray — laybreri dhinac saddexaad ah, codsi shabakadeed midna ma jiraan. Falanqeeyuhu wuxuu ishaada u maraa khad-khad ahaan, isagoo dabaqaya xeerar heer-block ah (cinwaanno, liisas, miisas, koodh xannibeed) kadibna hab-mar labaad oo ah qaabab regex inline ah bold, italic, links, sawirro, iyo koodh inline ah.

1. 1
   Qaab-dhismeedka block-ka waa la falanqeeyaa marka hore

   Falanqeeyuhu wuxuu akhriyaa Markdown-ka ceyriinka ah khad-khad ahaan, isagoo aqoonsanaya dhismayaasha heer-block ah: bloogyada koodh xannibeed (oo leh fasal luuqad ikhtiyaar ah), cinwaanno ATX (# ilaa ######), quotedaha, liisas nidaamsan iyo aan nidaamsanayn oo ay ku jiraan checkboxes GFM ee task-list, miisas GFM oo leh isku-dheelitirka tiirka, khadad horizontal ah, iyo qodobbo si sax ah u isku daraya khadadka sii-socda.
2. 2
   Qaababka inline-ka waa lagu dabaqaa gudaha block kasta

   Ka dib marka qoraalka block kastaa HTML-escaped la sameeyo, silsilad regex ah oo ku jira parseInline() wuxuu beddela syntax-ka inline-ka ah: sawirro iyo links (oo leh liis-cad URL scheme ah kaas oo ka saara hrefs javascript: iyo data:), **bold**, *italic*, ~~strikethrough~~, iyo koodh inline ah — hab-hoggaamin ahaan.
3. 3
   Wax-soo-saar HTML toos ah oo leh beddel fiiriye

   Xariga HTML-ku waxaa dib loo xisaabiyaa via useMemo fara-taabasho kasta, sidaa darteed panel-ka midig si degdeg ah ayuu u cusboonaysiiyaa. Beddel ayaa u wareega u dhexeeya muuqaalka isha HTML ceyriinka ah iyo fiiriye la sawiray isagoo isticmaalaya injineerka layout-ka biraawsarka laftiisa.
4. 4
   Saddex ikhtiyaar oo wax-soo-saar ah oo ay ku jirto koobiga qoraalka hodanka ah

   Waxaad koobiyeyn kartaa markup-ka HTML ceyriinka ah, soo dejin kartaa fayl .html madax-bannaan oo dhammaystiran oo leh DOCTYPE iyo calaamad meta charset ah, ama isticmaal 'Koobi qoraal hodan ah' — kaasoo ku qora labada nooc MIME text/html iyo text/plain clipboard-ka via ClipboardItem-ka Clipboard API, sidaa darteed natiijada qaabaysan si toos ah ugu dhacda Gmail, Google Docs, ama Word iyada oo aan tallaabo dheeraad ah loo baahnayn.

Qalabka La Xiriira