Aller au contenu
TextArray
Tout en local

Tableau CSV vers HTML

Transformez les données CSV en un balisage de tableau HTML propre avec des cellules de tête, de corps et d'échappement.

Entrée

Tableau CSV vers HTML

Collez les données CSV et récupérez un tableau HTML propre : un en-tête construit à partir de la ligne d'en-tête, un corps avec un tr par enregistrement et une indentation ordonnée à deux espaces qui s'insère directement dans un modèle ou une révision de code. Travaux typiques : publier une exportation de feuille de calcul sur une page Web, ajouter un tableau au contenu du CMS où l'éditeur visuel modifie les cellules collées, créer un e-mail HTML dans lequel les tableaux sont toujours la seule mise en page qui s'affiche partout, ou déposer des données de référence dans la documentation.

Laissez le délimiteur sur la détection automatique et l'outil échantillonne vos données et sélectionne le caractère qui produit les lignes les plus cohérentes, de sorte que les fichiers virgule, point-virgule, tabulation et pipe sont tous convertis sans configuration. Les champs entre guillemets suivent la RFC 4180 : un champ entouré de guillemets doubles peut contenir le délimiteur, des guillemets "" doublés et même des sauts de ligne, qui apparaissent sous forme de balises br afin que chaque enregistrement s'affiche toujours comme une seule ligne. Les enregistrements comportant des cellules manquantes sont complétés jusqu'à la ligne la plus large, de sorte que le tableau n'est jamais irrégulier.

Chaque cellule est échappée en HTML - les esperluettes, les crochets angulaires et les guillemets deviennent des entités - donc un < parasite dans les données ne peut jamais casser la page ou introduire clandestinement du balisage. "La première ligne est constituée d'en-têtes" transforme le premier enregistrement en cellules ; éteignez-le et chaque ligne devient une simple ligne td. Le style de base ajoute un petit bloc de style avec des bordures fines et enveloppe la table dans un conteneur qui défile horizontalement sur des écrans étroits ; le balisage laisse uniquement le style à votre propre CSS.

Tout s'exécute dans votre navigateur et les données ne quittent jamais votre appareil, la conversion d'une exportation client peut donc être effectuée en toute sécurité. Copiez le balisage, téléchargez-le sous forme de fichier .txt ou collez-le directement dans votre page.

FAQ

Quels délimiteurs lit-il ?
Virgule, point-virgule, tabulation et barre verticale, avec détection automatique par défaut : l'outil échantillonne les données et sélectionne le caractère qui produit les lignes les plus cohérentes. Lorsque la supposition est fausse, choisissez le délimiteur à la main.
Le contenu de la cellule a-t-il échappé ?
Oui. Les esperluettes, les crochets angulaires et les guillemets deviennent des entités HTML, de sorte que les données ne peuvent jamais injecter de balisage dans votre page. Un saut de ligne à l'intérieur d'un champ entre guillemets devient une balise br afin que l'enregistrement reste sur une ligne du tableau.
Qu'apporte le style de base ?
Un petit bloc de style avec des bordures capillaires via la réduction des bordures et le remplissage des cellules, ainsi qu'un div wrapper qui défile horizontalement sur des écrans étroits. Tous les noms de classe portent le préfixe ta-table, ils n'entreront donc pas en collision avec votre CSS. Le balisage omet simplement tout cela.
Qu’arrive-t-il aux lignes contenant des cellules manquantes ?
Les enregistrements courts sont remplis de cellules td vides jusqu'à la largeur de la ligne la plus large, de sorte que le tableau généré a toujours une forme rectangulaire.
Mes données sont-elles téléchargées quelque part ?
Non. La conversion s'effectue entièrement dans votre navigateur et votre CSV ne quitte jamais votre appareil.