Μετάβαση στο κύριο περιεχόμενο
LibraTool logoLibraTool

Γεννήτρια Πινάκων Markdown δωρεάν

Επεξεργαστείτε οπτικά πίνακες Markdown με στοίχιση ανά στήλη. Εισαγωγή από CSV ή TSV, αντιγραφή εξόδου Markdown συμβατή με GitHub.

Λειτουργεί εκτός σύνδεσης μόλις φορτωθεί
Εισαγωγή από CSV, TSV ή Markdown
Προεπισκόπηση
ΌνομαEmailΡόλος
Αλίκηalice@example.comΔιαχειριστής
Βασίληςbob@example.comΣυντάκτης
Καρολίναcarol@example.comΘεατής
| Όνομα    | Email             |    Ρόλος     |
| :------- | :---------------- | :----------: |
| Αλίκη    | alice@example.com | Διαχειριστής |
| Βασίλης  | bob@example.com   |  Συντάκτης   |
| Καρολίνα | carol@example.com |    Θεατής    |

Συνηθισμένες χρήσεις

  • Δημιουργήστε πίνακες για αρχεία GitHub READMEΤο GitHub αποδίδει πίνακες Markdown εγγενώς. Δημιουργήστε πίνακες σύγκρισης χαρακτηριστικών, αναφορές API ή χάρτες διαδρομής οπτικά.
  • Πίνακες τεκμηρίωσης API και αναφοράςΔημιουργήστε πίνακες παραμέτρων, αναφορές κωδικού κατάστασης και πίνακες ορισμού πεδίου για την τεκμηρίωση API.
  • Δημιουργήστε πίνακες σε Obsidian / Notion / LogseqΟι εφαρμογές σημειώσεων Markdown-first υποστηρίζουν όλες τις πίνακες. Δημιουργήστε τα ταχύτερα εδώ παρά σε απλό κείμενο.
  • Προσθέστε πίνακες σε άρθρα ιστολογίουΣυγκρίσεις τιμών, μήτρες χαρακτηριστικών και πίνακες αναφοράς σεμιναρίου — Markdown είναι ο τρόπος με τη λιγότερη τριβή για να τα προσθέσετε.
  • Μετατροπή CSV σε πίνακα MarkdownΕπικολλήστε CSV από ένα υπολογιστικό φύλλο, λάβετε ένα Markdown πίνακα έτοιμο να επικολληθεί σε έγγραφα ή σημειώσεις.

Πώς λειτουργεί

Αυτό το εργαλείο είναι επεξεργαστής πινάκων Markdown εξ ολοκλήρου στον πελάτη, φτιαγμένος με χειρόγραφη JavaScript — χωρίς βιβλιοθήκη πινάκων τρίτων. Δημιουργεί σύνταξη πινάκων GitHub Flavored Markdown απευθείας στον browser, με ζωντανή συμπλήρωση πλάτους στηλών και δείκτες στοίχισης ανά στήλη, και μπορεί επίσης να εξαγάγει τα ίδια δεδομένα ως HTML, CSV, JIRA wiki markup ή πίνακες πλέγματος reStructuredText.

  1. 1
    Επεξεργασία κελιών στο οπτικό πλέγμα
    Κάθε κεφαλίδα και κελί είναι επεξεργάσιμο πεδίο. Καθώς πληκτρολογείτε, οι ενημερώσεις του React state ενεργοποιούν μια κλήση useMemo που εκτελεί ξανά αμέσως τη γεννήτρια, οπότε το πλαίσιο εξόδου ανανεώνεται σε κάθε πάτημα χωρίς καθυστέρηση.
  2. 2
    Η γεννήτρια συμπληρώνει και κάνει escape τη σύνταξη GFM
    Η χειρόγραφη συνάρτηση generateMarkdown μετρά το μέγιστο πλάτος περιεχομένου κάθε στήλης, συμπληρώνει κάθε κελί με κενά για στοίχιση, παράγει τη γραμμή διαχωρισμού με δείκτες :--- / ---: / :---: και κάνει escape τις κάθετες ως \| και τις αλλαγές γραμμής ως στοιχείο br, ώστε ο πίνακας να παραμένει έγκυρος σε κάθε renderer Markdown.
  3. 3
    Εισαγωγή CSV, TSV ή υπάρχοντος πίνακα Markdown
    Η επικόλληση στο πλαίσιο εισαγωγής ενεργοποιεί είτε έναν χειρόγραφο αναλυτή CSV/TSV RFC 4180 (lib/csv.ts) είτε έναν προσαρμοσμένο αναλυτή πινάκων Markdown που χωρίζει τις γραμμές σε κάθετες χωρίς escape και διαβάζει τη στοίχιση από τη γραμμή διαχωρισμού, ώστε να φέρετε έναν υπάρχοντα πίνακα πίσω στον επεξεργαστή.
  4. 4
    Αντιγραφή στη μορφή που χρειάζεστε
    Η αλλαγή καρτέλας μορφής εξόδου εκτελεί ξανά την αντίστοιχη γεννήτρια (HTML με χαρακτηριστικά style, CSV RFC 4180, JIRA wiki-markup με κεφαλίδες || ή πίνακες πλέγματος reStructuredText με περιγράμματα +---+) και το κουμπί Αντιγραφής γράφει το αποτέλεσμα στο πρόχειρο μέσω του τυπικού navigator.clipboard API.

Σχετικά εργαλεία

Συχνές ερωτήσεις