LocalToolsCollection d’outils de navigateur hors ligne

Catégorie: Développement

Générateur de tableau HTML

Idée interneUn outil manque ?

Créez un balisage de tableau HTML échappé à partir de texte simple

Saisissez des cellules d'en-tête séparées par des virgules et une ligne séparée par des virgules par ligne pour générer un balisage de tableau HTML, avec un nom de classe CSS optionnel. Chaque valeur de cellule est échappée en HTML. Tout s'exécute entièrement dans votre navigateur.

Tableau de 2 ligne(s) généré dans votre navigateur.

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>

Tout sur cette page est traité dans votre navigateur. Rien n'est envoyé.

À quoi sert cet outil

Parfois, il suffit d'un petit tableau HTML, et taper le balisage à la main prend plus de temps que de taper les données. Cet outil prend une ligne d'en-tête séparée par des virgules et une ligne par ligne de données, également séparées par des virgules, échappe chaque cellule pour que des caractères comme `<` ou `&` dans votre texte ne puissent pas être lus comme du balisage, et écrit un `<table>` avec un nom de classe CSS optionnel, un `<thead>` lorsque vous fournissez des en-têtes et un `<tbody>` pour les lignes.

Mode d'emploi

  1. Saisissez les cellules d'en-tête séparées par des virgules, ou laissez-les vides pour un tableau sans en-tête.
  2. Saisissez une ligne par ligne, avec des cellules séparées par des virgules.
  3. Définissez éventuellement un nom de classe CSS, puis copiez le HTML généré.

Confidentialité

Cet outil fonctionne entièrement dans votre navigateur. Ce que vous saisissez n'est jamais envoyé, stocké ni partagé : fermer l'onglet suffit à tout effacer.

Questions fréquentes

Mes données sont-elles envoyées quelque part ?
Non. Le HTML est généré en JavaScript directement dans la page, donc rien de ce que vous saisissez ne quitte votre appareil.
Le HTML généré est-il sûr à coller dans une page ?
Chaque valeur de cellule est échappée en HTML avant d'être écrite dans le balisage, afin que des caractères comme `<`, `&` et `"` dans votre texte ne puissent pas être interprétés comme des balises ou des attributs.
Puis-je générer un tableau sans ligne d'en-tête ?
Oui. Laissez le champ d'en-tête vide et le tableau est écrit avec seulement un `<tbody>`, sans `<thead>`.

Revenir à tous les outils