VoriTools

HTML-Tabelle aus getrennten Textzeilen erstellen

Fügen Sie CSV-, TSV- oder andere getrennte Zeilen ein und kopieren Sie das erzeugte <table>-Markup. Zitierte Felder, "" als Escape und Zeilenumbrüche in Anführungszeichen gelten als eine Zelle, und Zelltext wird für HTML maskiert.

Läuft lokal in deinem Browser

Wie getrennte Zeilen zu einer HTML-Tabelle werden

Fügen Sie CSV-, TSV- oder andere getrennte Zeilen ein, wählen Sie das Zeichen, das die Spalten trennt, und die Seite liefert Tabellen-Markup zurück: ein <tr> pro Zeile und ein <td> pro Feld, bereit zum Einfügen in eine Seite, eine E-Mail-Vorlage oder eine README.

Gelesen wird im Browser mit einem Parser, der Anführungszeichen versteht: Ein in doppelte Anführungszeichen gesetztes Feld darf das Trennzeichen enthalten, "" steht für ein einzelnes Anführungszeichen, und ein Zeilenumbruch in einem zitierten Feld bleibt in dieser Zelle. Nichts wird hochgeladen, und die Seite arbeitet nach dem Laden offline weiter.

  1. Fügen Sie die Zeilen in das Textfeld ein; als Platzhalter steht dort „CSV- oder getrennten Text einfügen“. Komma-, Tabulator-, Pipe- und Leerzeichen-getrennte Texte werden angenommen, mit oder ohne Anführungszeichen.
  2. Wählen Sie das Trennzeichen: Komma, TAB, Pipe oder einzelnes Leerzeichen, oder tragen Sie Ihr eigenes im Feld „Benutzerdefiniert“ ein. Was dort steht, hat Vorrang vor den Optionsfeldern.
  3. Klicken Sie auf „Umwandeln“. Das Ergebnisfeld füllt sich mit dem <table>-Markup, und eine Zeile unter den Schaltflächen nennt die Zahl der gelesenen Zeilen und Spalten.
  4. Klicken Sie auf „Kopieren“, um das Markup zu übernehmen, oder auf „Leeren“, um das Feld für die nächste Einfügung zu räumen.

Wie die Zeilen gelesen werden

Zitierte Felder und Zeilenumbrüche

Ein in doppelte Anführungszeichen gesetztes Feld darf das Trennzeichen selbst enthalten: In "ac, abs, moon" gehört das Komma zum Text, die Zeile behält also vier Felder, statt den zitierten Wert in drei zu zerlegen. Innerhalb eines zitierten Feldes steht "" für ein einzelnes Anführungszeichen; so bleibt ein Wert wie "Venture ""Extended Edition""" unverändert.

Ein Zeilenumbruch in einem zitierten Feld bleibt in dieser Zelle, und ein Umbruch am Ende der Einfügung erzeugt keine leere Zeile. Ist das Feld leer, sagt die Seite das, statt eine leere Tabelle auszugeben.

Was das erzeugte Markup enthält

Die Ausgabe ist ein reines <table>-Fragment: ein <tr> pro Zeile, ein <td> pro Feld, ohne Attribute, ohne CSS, ohne <thead> und ohne Kopfzeile — die erste Zeile ist eine gewöhnliche <td>-Zeile.

Zelltext wird für HTML maskiert: & wird zu &amp;, < zu &lt; und > zu &gt;. Eine Zelle mit Markup oder einem Script-Tag bleibt deshalb sichtbarer Text in der erzeugten Tabelle, statt Teil der einbettenden Seite zu werden.

Trennzeichen, Grenzen und große Einfügungen

Das Trennzeichen wird als literal Zeichenkette verglichen, nicht als regulärer Ausdruck; ein eigenes Trennzeichen wie . * ( oder :: gilt also als gewöhnlicher Text. Die Seite rät das Trennzeichen nicht: Stimmt die Spaltenzahl in der Statuszeile nicht, ist die Trennzeichen-Wahl die erste Stelle zum Nachsehen.

Eingabe ist ausschließlich eingefügter Text — eine Dateiauswahl für .csv oder .xlsx gibt es nicht, eine Tabelle muss also exportiert oder aus ihrer Anwendung kopiert werden. Die Umwandlung läuft im Browser und einige tausend Zeilen sind sofort fertig; Ergebnisse über 100.000 Zeichen erscheinen ohne Syntaxfarben, damit der Tab bedienbar bleibt.

Zuletzt verwendet: