Olùyí Markdown sí HTML Ọ̀fẹ́

Bí Ó Ṣe Ń Ṣiṣẹ́

A ń ṣe ìyípadà náà pátápátá nínú aṣàwákiri rẹ pẹ̀lú parser Markdown tí a fi ọwọ́ kọ — kò sí ìwé-ìṣirò ẹnì kẹta, kò sí ìbéèrè sáfà. Parser náà ń rìn kiri orísun náà ìlà-lé-ìlà, tí ó ń fi àwọn òfin ìpele-àkọ́sílẹ̀ sílo (àkọlé, àtòjọ, tábìlì, kóòdù tí a fi àmì hàn) kí ó sì tún ṣe ìgbésẹ̀ kejì ti àwọn àwòṣe regex inú-ìlà fún dídúdú, italic, ìjápọ̀, àwòrán, àti kóòdù inú-ìlà.

1. 1
   A kọ́kọ́ pín ìtòlẹ́sẹẹsẹ àkọ́sílẹ̀

   Parser náà ń ka Markdown gan-an náà ìlà-lé-ìlà, tí ó ń dá àwọn ìkọ́ ìpele-àkọ́sílẹ̀ mọ̀: àwọn àkọ́sílẹ̀ kóòdù tí a fi àmì hàn (pẹ̀lú kíláàsì èdè yíyàn), àwọn àkọlé ATX (# títí dé ######), àwọn ọ̀rọ̀-àyọkà, àwọn àtòjọ tí a tò àti tí a kò tò títí kan àwọn àpótí-ìṣàyẹ̀wò àtòjọ-iṣẹ́ GFM, àwọn tábìlì GFM pẹ̀lú ìtòsí ọ̀wọ̀n, àwọn ìlà onígun, àti àwọn ìpínrọ̀ tí ó ń so àwọn ìlà tí ó tẹ̀síwájú lásán pọ̀ tí ó tọ́.
2. 2
   A fi àwòṣe inú-ìlà sílo nínú àkọ́sílẹ̀ kọ̀ọ̀kan

   Lẹ́yìn tí a ti ṣe HTML-escape ọ̀rọ̀ àkọ́sílẹ̀ kọ̀ọ̀kan, ìdì regex kan nínú parseInline() ń yí gírámà inú-ìlà padà: àwọn àwòrán àti ìjápọ̀ (pẹ̀lú fífọwọ́sí ètò URL tí ó ń yọ hrefs javascript: àti data: kúrò), **dídúdú**, *italic*, ~~strikethrough~~, àti kóòdù inú-ìlà — ní ìtòlẹ́sẹẹsẹ àkọ́kọ́ yẹn.
3. 3
   Ìtọjade HTML láàyè pẹ̀lú àmì àkíyèsí

   A ń tún ṣírò ọ̀wọ́ ọ̀rọ̀ HTML nípasẹ̀ useMemo ní ìtẹ̀ kọ́kọ́rọ́ kọ̀ọ̀kan, nítorí náà pátẹ́lì ọwọ́-ọ̀tún ń tún tújáde lẹ́sẹ̀kẹsẹ̀. Àmì kan ń yí padà láàrin ìwo orísun HTML gan-an àti àkíyèsí tí a fihàn ní lílo ẹ́ńjìnnì àkọ́sọ̀tọ́ aṣàwákiri fúnrarẹ̀.
4. 4
   Àṣàyàn ìtọjade mẹ́ta títí kan dídàkọ ọ̀rọ̀-ọlọ́rọ̀

   O lè dàkọ àmì HTML gan-an, gbà fáìlì .html tí ó dá dúró fúnra rẹ̀ pípé pẹ̀lú DOCTYPE àti tag meta charset, tàbí lo 'Dàkọ ọ̀rọ̀-ọlọ́rọ̀' — èyí tí ó ń kọ irú MIME text/html àti text/plain méjèèjì sí clipboard nípasẹ̀ ClipboardItem ti API Clipboard, nítorí náà àbájáde tí a ṣe àgbékalẹ̀ rẹ̀ ń lẹ̀ tààrà sí Gmail, Google Docs, tàbí Word láìsí ìgbésẹ̀ àfikún.

Àwọn Irinṣẹ Tó Jọra