Olùmúdásílẹ̀ Tábìlì Markdown Ọ̀fẹ́

Bí Ó Ṣe Ń Ṣiṣẹ́

Irinṣẹ́ yìí jẹ́ olùṣàtúnṣe tábìlì Markdown tí ó jẹ́ ẹgbẹ́-oníbàárà pátápátá tí a kọ́ lórí JavaScript tí a fi ọwọ́ kọ — kò sí ìwé-ìṣirò tábìlì ẹnì kẹta tí ó kàn. Ó ń ṣe àmúlò gírámà pipe-table GitHub Flavored Markdown tààrà nínú aṣàwákiri, pẹ̀lú ìtẹ̀ ìbú-ọ̀wọ̀n láàyè àti àwọn àmì ìtòsí ọ̀wọ̀n kọ̀ọ̀kan, ó sì tún lè gbé dátà kan náà jáde gẹ́gẹ́ bí HTML, CSV, àmì JIRA wiki, tàbí àwọn tábìlì grid reStructuredText.

1. 1
   Ṣàtúnṣe cells nínú grid wíwo

   Àkọlé àti cell kọ̀ọ̀kan jẹ́ ìbáwọlé tí ó lè ṣàtúnṣe. Bí o ṣe ń kọ, ìṣàtúnṣe ipò React ń dá ìpè useMemo kan tí ó ń tún olùmújáde náà ṣiṣẹ́ lẹ́sẹ̀kẹsẹ̀, nítorí náà pátẹ́lì ìtọjade náà ń tún tújáde ní ìtẹ̀ kọ́kọ́rọ́ kọ̀ọ̀kan láìsí ìdádúró debounce.
2. 2
   Olùmújáde ń fi kún un tí ó sì ń ṣe escape gírámà GFM

   Iṣẹ́ generateMarkdown tí a fi ọwọ́ kọ ń wọn ìbú àkóónú tí ó ga jùlọ ti ọ̀wọ̀n kọ̀ọ̀kan, ó ń fi àyè kún cell kọ̀ọ̀kan fún ìtòsí, ó ń mú ìlà olùpín jáde pẹ̀lú àwọn àmì :--- / ---: / :---:, ó sì ń ṣe escape àwọn àmì pipe gan-an gẹ́gẹ́ bí \| àti ìlà tuntun gẹ́gẹ́ bí ẹ̀yà br nítorí náà tábìlì náà ń dúró tí ó tọ́ nínú ẹ́ńjìnnì Markdown èyíkéyìí.
3. 3
   Fa CSV, TSV, tàbí tábìlì Markdown tí ó ti wà tẹ́lẹ̀ wọlé

   Lílẹ̀ sínú àpótí ìfarahàn ń dá bóyá parser CSV/TSV RFC 4180 tí a fi ọwọ́ kọ (lib/csv.ts) tàbí parser tábìlì Markdown àkànṣe tí ó ń pín àwọn ìlà lórí àwọn pipe tí a kò fi àmì hàn tí ó sì ń ka ìtòsí láti inú ìlà olùpín, tí ó jẹ́ kí o mú tábìlì tí ó wà tẹ́lẹ̀ padà wọlé sínú olùṣàtúnṣe náà.
4. 4
   Dàkọ ní ìrísí tí o nílò

   Yíyí tábu ìtọjade padà ń tún olùmújáde tí ó bára mu ṣiṣẹ́ (HTML pẹ̀lú àwọn ìhun-ìní àṣàrò, CSV RFC 4180, àmì JIRA wiki pẹ̀lú àwọn àkọlé ||, tàbí àwọn tábìlì grid reStructuredText pẹ̀lú àwọn ààlà +---+) bọ́tìnnì Dàkọ sì ń kọ àbájáde náà sí clipboard nípasẹ̀ API navigator.clipboard déédéé.

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