SuperDevTools

Generatore di tabelle Markdown, HTML e LaTeX

Riga
Colonna
Allineamento
Ordina la colonna

Importa una tabella esistente

Esporta

Anteprima

Tastiera: Tab passa alla cella successiva, Invio scende (e aggiunge una riga in fondo alla tabella), Maiusc+Invio sale, le frecce spostano di una cella. Le celle unite non sono previste, così le tabelle restano compatibili con il Markdown. Non viene inviato nulla: tutto resta nel tuo browser.

Una tabella Markdown senza contare le barre verticali

Questo generatore di tabelle Markdown ti dà una griglia da foglio di calcolo: scrivi nelle celle e il codice si aggiorna a ogni tasto. La stessa tabella esce anche come tabella HTML, in LaTeX, CSV, testo ASCII incorniciato o JSON. Utile per il README di un progetto, una wiki, la tesi di laurea o un riepilogo dei voti. Non viene inviato nulla e l'ultima tabella resta salvata su questo dispositivo.

Come si usa

  1. Clicca in una cella e scrivi. Tab passa alla cella successiva, Invio scende (e aggiunge una riga sotto l'ultima), Maiusc+Invio sale, le frecce spostano di una cella.
  2. I gruppi «Riga» e «Colonna» aggiungono, eliminano o spostano la riga e la colonna attive. Spunta «Riga di intestazione» per dare un titolo alle colonne.
  3. «Sinistra», «Centro» e «Destra» allineano la colonna attiva; «Crescente» e «Decrescente» la ordinano lasciando ferma l'intestazione.
  4. Scegli il formato, poi «Copia» o «Scarica».

La sintassi di una tabella Markdown

Una tabella Markdown ha una riga di intestazione, una riga di trattini e una riga per ogni record; le celle sono separate da barre verticali. Ecco cosa scrive lo strumento per due voti, con la colonna dei voti centrata:

  • | Materia | Voto |
  • | ---------- | :--: |
  • | Matematica | 8 |
  • | Storia | 7,5 |

I due punti nella riga di trattini fissano l'allineamento: :--- a sinistra, :---: al centro, ---: a destra. L'opzione «Allinea le colonne con gli spazi» riempie ogni cella perché il testo grezzo resti leggibile; il risultato visualizzato non cambia. Una barra verticale in una cella, come a|b, diventa a\|b.

Il Markdown non prevede celle unite né a capo dentro una cella, e richiede una riga di intestazione. Lo strumento resta quindi volutamente semplice e non unisce le celle. Se togli la spunta a «Riga di intestazione», l'esportazione Markdown aggiunge un'intestazione vuota e te lo segnala.

Una tabella HTML accessibile

L'esportazione HTML mette i titoli in <thead> con celle <th scope="col"> e i dati in <tbody>: così uno screen reader legge il nome della colonna prima di ogni valore. Il campo «Didascalia (caption)» aggiunge un <caption>, una frase che dice cosa mostra la tabella. «Stile» offre codice semplice, classi oppure «Stili in linea» minimi per un'email. I segni < e & vengono convertiti, quindi <b> & co appare come testo.

LaTeX, ASCII, CSV e JSON

In LaTeX lo strumento scrive un ambiente tabular le cui lettere l, c e r seguono i tuoi allineamenti, con o senza «Bordi». I caratteri speciali vengono protetti: 50 % e R&S diventano 50 \% e R\&S.

Il «Testo ASCII» disegna una cornice con +---+. Le lettere accentate come à o è contano un carattere, gli ideogrammi e le emoji due; a seconda del carattere tipografico, un'emoji può comunque spostare un po' la riga. Il CSV usa virgola, punto e virgola o tabulazione, il JSON un elenco di oggetti con le intestazioni come chiavi.

Copiare da un foglio di calcolo

Seleziona un intervallo nel tuo foglio di calcolo, copialo e incollalo in una cella: le colonne separate da tabulazioni si distribuiscono da quella cella e la griglia si allarga se serve. Per riprendere una tabella Markdown, HTML o CSV, incollala in «Tabella da importare» e premi «Importa nella griglia». L'ordinamento legge la virgola decimale: 7,5 viene prima di 8.

Domande frequenti

Posso unire delle celle?

No, il Markdown non lo consente. Una tabella HTML importata con celle unite viene separata: il testo va nella prima cella, le altre restano vuote.

Come metto una barra verticale in una cella?

Scrivila normalmente. L'esportazione Markdown scrive \| e l'importazione fa il contrario.

Cosa fa «Trasponi»?

Scambia righe e colonne: 4 righe per 3 colonne diventano 3 righe per 4 colonne. Gli allineamenti tornano quelli predefiniti.

I miei dati vengono inviati?

No, tutto avviene nella pagina. La tabella resta solo nella memoria del browser; «Cancella tutto» la sostituisce con una griglia vuota di 3 × 3.