મફત Markdown ટેબલ જનરેટર

આ કેવી રીતે કાર્ય કરે છે

આ ટૂલ સંપૂર્ણપણે client-side Markdown table editor છે જે હાથે લખેલા JavaScript પર બનેલો છે — કોઈ થર્ડ-પાર્ટી table library સામેલ નથી. તે સીધા બ્રાઉઝરમાં GitHub Flavored Markdown pipe-table syntax generate કરે છે, live column-width padding અને per-column alignment markers સાથે, અને એ જ data ને HTML, CSV, JIRA wiki markup, કે reStructuredText grid tables તરીકે પણ export કરી શકે છે.

1. 1
   Visual grid માં cells edit કરો

   દરેક header અને cell એક editable input છે. તમે ટાઈપ કરો તેમ, React state updates useMemo કૉલ ટ્રિગર કરે છે જે generator ને તરત ફરીથી ચલાવે છે, તેથી output panel દરેક કીસ્ટ્રોક પર કોઈ debounce વિલંબ વગર refresh થાય છે.
2. 2
   Generator GFM syntax pad અને escape કરે છે

   હાથે લખેલું generateMarkdown ફંક્શન દરેક column ની maximum content width માપે છે, alignment માટે દરેક cell ને spaces વડે pad કરે છે, :--- / ---: / :---: markers સાથે separator row બનાવે છે, અને literal pipe characters ને \| તરીકે અને newlines ને br element તરીકે escape કરે છે જેથી table કોઈપણ Markdown renderer ની અંદર valid રહે.
3. 3
   CSV, TSV, કે અસ્તિત્વમાં રહેલ Markdown table import કરો

   Import box માં પેસ્ટ કરવાથી કાં તો હાથે લખેલો RFC 4180 CSV/TSV parser (lib/csv.ts) અથવા unescaped pipes પર rows વિભાજિત કરતો અને separator row માંથી alignment વાંચતો કસ્ટમ Markdown table parser ટ્રિગર થાય છે, જે તમને existing table ને editor માં પાછું round-trip કરવા દે છે.
4. 4
   તમને જોઈતા ફોર્મેટમાં કૉપી કરો

   આઉટપુટ ફોર્મેટ ટૅબ બદલવાથી અનુરૂપ generator (style attributes સાથે HTML, RFC 4180 CSV, || headers સાથે JIRA wiki-markup, કે +---+ borders સાથે reStructuredText grid tables) ફરીથી ચાલે છે અને Copy બટન સ્ટાન્ડર્ડ navigator.clipboard API દ્વારા પરિણામ ક્લિપબોર્ડમાં લખે છે.

સંબંધિત સાધનો