Categoria: Sviluppo

Da CSV a tabella HTML

Idea internaManca uno strumento?

Converti CSV in una tabella HTML con caratteri sostituiti

Incolla dati CSV, separati da punto e virgola, tabulazione o barra verticale e genera il markup di una tabella HTML, con l'opzione di rendere la prima riga come intestazione. Ogni valore di cella viene sostituito con la codifica HTML corrispondente. Funziona interamente nel tuo browser.

Generata una tabella con 2 riga/e nel tuo browser.

HTML
<table>
  <thead>
    <tr><th>name</th><th>score</th><th>team</th></tr>
  </thead>
  <tbody>
    <tr><td>Ava</td><td>92</td><td>Blue</td></tr>
    <tr><td>Noah</td><td>88</td><td>Green</td></tr>
  </tbody>
</table>

Tutto ciò che c'è in questa pagina viene elaborato nel tuo browser. Niente viene caricato.

A cosa serve

Pubblicare un'esportazione CSV come tabella HTML di solito significa scrivere a mano il markup `<table>`, `<tr>` e `<td>`, il che è noioso e facile da sbagliare quando una cella contiene caratteri come `<` o `&`. Questo strumento analizza i dati delimitati che incolli, sostituisce la codifica HTML di ogni valore di cella così da non poter mai essere scambiato per markup, e scrive una `<table>` con una riga `<thead>` per l'intestazione quando richiesto e un `<tbody>` per il resto.

Come si usa

  1. Incolla dati CSV o delimitati, oppure carica l'esempio.
  2. Scegli il delimitatore e se la prima riga è un'intestazione.
  3. Copia il markup della tabella HTML generata.

Privacy

Questo strumento funziona interamente nel tuo browser. Quello che inserisci non viene mai caricato, salvato o condiviso: chiudendo la scheda sparisce.

Domande frequenti

I miei dati vengono caricati da qualche parte?
No. L'analisi e la generazione HTML avvengono in JavaScript eseguito nella pagina, quindi nulla di ciò che incolli lascia mai il tuo dispositivo.
L'HTML è sicuro da incollare in una pagina?
Ogni valore di cella viene sostituito con la codifica HTML prima di essere scritto nel markup, così caratteri come `<`, `&` e `"` nei tuoi dati non possono essere interpretati come tag o attributi.
Cosa succede se i miei dati non hanno una riga di intestazione?
Disattiva l'opzione intestazione; ogni riga viene quindi scritta come una semplice riga `<td>` dentro `<tbody>` senza alcun `<thead>`.