ForHosting KIT · Données et fichiers

JSON en tableau HTML

Cet outil transforme un tableau de données JSON en tableau HTML, avec ses en-têtes et ses lignes, prêt à coller dans une page web, un article ou un e-mail. Les clés forment les colonnes, chaque objet une ligne. Pratique pour publier des données sans les ressaisir à la main.

● StableGratuit · dans votre navigateur

Lancer gratuitement Voir l’API

Utilisez-le depuis WebAPIE-mailApp bientôtTelegram bientôt

Du tableau de données au tableau HTML

Un tableau d’objets JSON se prête bien à un tableau HTML : l’outil relève les clés pour composer la ligne d’en-têtes, puis crée une ligne par objet. Vous obtenez un bloc de code HTML valide, avec les balises de tableau attendues, que vous n’avez plus qu’à coller. Fini le tableau construit cellule par cellule dans l’éditeur, avec le risque d’oublier ou de décaler une valeur.

Un balisage propre à styliser

Le tableau produit s’appuie sur une structure HTML standard, sans mise en forme imposée, pour se fondre dans le style de votre site. Vous appliquez ensuite vos propres classes ou votre feuille de style pour l’apparence : bordures, couleurs, alignements. Ce choix garde le résultat léger et adaptable, plutôt que de vous imposer un habillage dont vous devriez ensuite vous débarrasser.

Collez-le où vous voulez

Le HTML obtenu s’insère dans un CMS comme WordPress, dans une page écrite à la main ou dans un e-mail acceptant le format enrichi. Toute la conversion a lieu dans votre navigateur, sur cette page ; vos données ne sont pas envoyées sur un serveur. Pour générer ces tableaux automatiquement depuis un flux, un appel programmable existe à $0.002 la requête.

Cas d’usage

Publier une grille tarifaire

Élodie Garnier tient ses tarifs en JSON et veut les afficher sur son site WordPress. Le tableau HTML se colle directement dans la page, sans ressaisie.

Insérer un tableau dans une lettre d’information

Sophie Nguyen intègre un récapitulatif de données dans une newsletter au format enrichi, proprement présenté en tableau.

Documenter un jeu de données

Thomas Rousseau convertit un JSON d’exemple en tableau lisible pour l’ajouter à une page de documentation interne.

Questions fréquentes

Le tableau HTML est-il déjà mis en forme ?

Non, il s’appuie sur une structure standard sans style imposé, pour que vous appliquiez vos propres classes et votre feuille de style.

Puis-je coller le résultat dans WordPress ?

Oui. Le code s’insère dans un bloc HTML d’un CMS, dans une page écrite à la main ou dans un e-mail au format enrichi.

Mes données sont-elles envoyées sur un serveur ?

Non, la conversion se fait dans le navigateur ; rien n’est transmis ni conservé.

L’outil est-il gratuit ?

Oui, sans limite dans le navigateur. L’appel programmable, pour générer ces tableaux en série, coûte $0.002 la requête.

Comment sont gérées les valeurs manquantes ?

Une clé absente d’un objet laisse simplement une cellule vide dans la ligne correspondante.

Quelle taille de fichier est acceptée ?

Jusqu’à 25 Mo.

Pour les développeurs — accès API

Tout sur cette page est disponible par programmation. Cette section s'adresse aux équipes qui veulent l'intégrer à leurs systèmes ; les autres peuvent simplement utiliser l'outil ci-dessus.

Endpoint

POSThttps://api.kit.forhosting.com/data/json-to-html

Authentification par jeton Bearer : un seul POST met la tâche en file d’attente, et le résultat vous parvient par webhook ou lien signé.

Appeler depuis votre stack

curl -X POST https://api.kit.forhosting.com/data/json-to-html \
  -H "Authorization: Bearer $KIT_KEY" \
  -H "Content-Type: application/json" \
  -d &#39;{"input":"…"}'

const res = await fetch("https://api.kit.forhosting.com/data/json-to-html", {
  method: "POST",
  headers: {
    "Authorization": `Bearer ${process.env.KIT_KEY}`,
    "Content-Type": "application/json"
  },
  body: JSON.stringify({
    "input": "…"
  })
});
const { task_id } = await res.json();

import os, requests

res = requests.post(
    "https://api.kit.forhosting.com/data/json-to-html",
    headers={"Authorization": f"Bearer {os.environ[&#39;KIT_KEY']}"},
    json={
    "input": "…"
},
)
task_id = res.json()["task_id"]

<?php
$res = file_get_contents("https://api.kit.forhosting.com/data/json-to-html", false, stream_context_create([
  "http" => [
    "method"  => "POST",
    "header"  => "Authorization: Bearer " . getenv("KIT_KEY") . "\r\nContent-Type: application/json",
    "content" => &#39;{"input":"…"}',
  ],
]));
$task = json_decode($res, true);

body := bytes.NewBufferString(`{"input":"…"}`)
req, _ := http.NewRequest("POST", "https://api.kit.forhosting.com/data/json-to-html", body)
req.Header.Set("Authorization", "Bearer "+os.Getenv("KIT_KEY"))
req.Header.Set("Content-Type", "application/json")
res, _ := http.DefaultClient.Do(req)

Exemple de requête

{
  "input": "…"
}

Exemple de réponse

{
  "task_id": "tsk_a1b2c3d4e5f6a1b2c3d4e5f6",
  "type": "data.json_to_html",
  "status": "queued",
  "_links": {
    "result": "/tasks/tsk_…/result"
  }
}

L’API est asynchrone : chaque appel renvoie un task_id immédiatement, puis vous interrogez l’état à raison d’une requête par seconde.

Tarifs

par requête$0.002

Le prix est publié, sans tokens ni crédits. Une tâche qui échoue n’est pas facturée.

Limites

max_mb 25

Erreurs

HTTP	Code	Signification
`401`	`unauthorized`	Clé API absente ou invalide : vérifiez l’en-tête Authorization.
`402`	`insufficient_balance`	Solde insuffisant : rechargez votre compte pour lancer cette tâche.
`404`	`unknown_type`	Type de tâche inconnu : vérifiez le champ type de votre requête.
`429`	`rate_limited`	Trop de requêtes : ralentissez la cadence, puis réessayez.

Consulter la documentation complète du KIT →

Lancer gratuitement