Pereiti prie pagrindinio turinio

Markdown lentelių generatorius nemokamai

Vizualiai redaguokite Markdown lenteles su lygiavimu pagal stulpelį. Importuokite iš CSV ar TSV, kopijuokite „GitHub” formato Markdown išvestį.

Veikia neprisijungus, kai įkeliama
Importuoti iš CSV, TSV arba Markdown
Peržiūra
VardasEl. paštasVaidmuo
Alicealice@example.comAdmin
Bobbob@example.comRedaktorius
Carolcarol@example.comŽiūrovas
| Vardas | El. paštas        |   Vaidmuo   |
| :----- | :---------------- | :---------: |
| Alice  | alice@example.com |    Admin    |
| Bob    | bob@example.com   | Redaktorius |
| Carol  | carol@example.com |  Žiūrovas   |

Dažniausi naudojimo būdai

  • Sukurkite lenteles GitHub README failamsGitHub neyral Markdown lenteles. Sukurkite funkcijų palyginimo lenteles, API nuorodas arba kelio žemėlapius vizualiai.
  • API ir nuorodų dokumentacijos lentelėsSukurkite parametro lenteles, būsenos kodų nuorodas ir lauko aprašo lenteles API dokumentacijai.
  • Sukurkite lenteles Obsidian / Notion / LogseqVisos Markdown-first pastabų programos palaiko lenteles. Sukurkite jas greičiau čia nei paprastu tekstu.
  • Pridėkite lenteles tinklaraščio straipsniaiKainų palyginimas, funkcijų matricos ir mokymo nuorodų lentelės — Markdown yra žemiausio trinties būdas joms pridėti.
  • Konvertuokite CSV į Markdown lentelęĮklijuokite CSV iš skaičiuoklės, gaukite Markdown lentelę, paruoštą įklijuoti į dokumentus ar pastabas.

Kaip tai veikia

Šis įrankis yra visiškai kliento pusėje veikiantis Markdown lentelių redaktorius, sukurtas rankomis parašytu JavaScript kodu — jokios trečiosios šalies lentelių bibliotekos. Jis tiesiai naršyklėje sugeneruoja „GitHub Flavored Markdown“ stulpelinės lentelės sintaksę su gyvu stulpelio pločio užpildymu ir stulpelio lygiavimo žymomis, ir taip pat gali eksportuoti tuos pačius duomenis kaip HTML, CSV, JIRA wiki žymėjimą ar reStructuredText tinklelio lenteles.

  1. 1
    Redaguokite ląsteles vizualiame tinklelyje
    Kiekviena antraštė ir ląstelė yra redaguojama įvestis. Rašant, React būsenos atnaujinimai suaktyvina useMemo iškvietimą, kuris iš karto iš naujo vykdo generatorių, todėl išvesties skydelis atsinaujina su kiekvienu paspaudimu be jokios delsos.
  2. 2
    Generatorius užpildo ir apsaugo GFM sintaksę
    Rankomis parašyta generateMarkdown funkcija matuoja kiekvieno stulpelio maksimalų turinio plotį, užpildo kiekvieną ląstelę tarpais lygiavimui, sukuria skirtuko eilutę su :--- / ---: / :---: žymomis ir apsaugo pažodinius vertikalaus brūkšnio simbolius kaip \| bei naujas eilutes kaip br elementą, kad lentelė liktų galiojanti bet kokiame Markdown atvaizdavimo variklyje.
  3. 3
    Importuokite CSV, TSV ar esamą Markdown lentelę
    Įklijavus į importavimo lauką, suaktyvinamas arba rankomis parašytas RFC 4180 CSV/TSV analizatorius (lib/csv.ts), arba pasirinktinis Markdown lentelės analizatorius, kuris padalija eilutes pagal neapsaugotus vertikalius brūkšnius ir nuskaito lygiavimą iš skirtuko eilutės, leidžiant grąžinti esamą lentelę atgal į redaktorių.
  4. 4
    Kopijuokite jums reikalingu formatu
    Perjungus išvesties formato skirtuką, iš naujo vykdomas atitinkamas generatorius (HTML su stiliaus atributais, RFC 4180 CSV, JIRA wiki žymėjimas su || antraštėmis, ar reStructuredText tinklelio lentelės su +---+ rėmeliais), o kopijavimo mygtukas įrašo rezultatą į iškarpinę per standartinį navigator.clipboard API.

Susiję įrankiai

Dažnai užduodami klausimai