Tous les articles

Éditeur HTML en ligne : recherche, import ZIP, dossiers et historique des versions

Tout ne demande pas un prompt d’IA. Parfois, vous voulez juste changer un numéro de téléphone, remplacer un logo ou corriger une faute à la ligne 840. L’éditeur du tableau de bord Hostilo a désormais les outils pour ça : rechercher et remplacer, import de projet ZIP, fichiers en dossiers et un historique des versions restaurable en un clic.

Rechercher et remplacer dans le code

Une page générée par l’IA dépasse vite les 1 000 lignes. Au lieu de faire défiler, appuyez sur Ctrl+F (ou cliquez sur la loupe de la barre d’outils). Les résultats sont surlignés dans le code et sur la barre de défilement.

Besoin de plus de précision ? Saisissez une expression régulière entre barres obliques : /tel:\+?[0-9 ]+/ trouve tous les liens téléphoniques.

Importer un projet entier depuis un ZIP

Votre site vient d’un autre outil, ou l’IA vous a donné un dossier avec index.html, CSS, JS et images ? Compressez-le en ZIP et choisissez Importer → Projet depuis un fichier ZIP. Hostilo fait le reste :

mon-site.zip
  index.html
  css/style.css
  img/logo.png

Sur Hostilo :
  index.html            (votre page)
  assets/css/style.css
  assets/img/logo.png

<link href="css/style.css">  ->  <link href="assets/css/style.css">

• index.html devient votre page. La version précédente reste dans l’Historique.
• Tous les autres fichiers vont dans assets/, avec leurs dossiers.
• Les chemins dans index.html sont corrigés automatiquement : styles et images fonctionnent tout de suite.
• Si tout est dans un seul dossier (mon-site/index.html), ce dossier est ignoré.
• Avant l’import, vous voyez un résumé : combien de fichiers, combien de mégaoctets et quels fichiers existants seront remplacés. Vous pouvez aussi vider assets/ avant.
• Limites : ZIP jusqu’à 20 Mo, 300 fichiers au maximum, 10 Mo par fichier. Les fichiers cachés et les chemins dangereux sont ignorés.

Ça marche aussi dans l’autre sens : Télécharger .ZIP vous donne le site entier avec tous ses fichiers. Modifiez-le sur votre ordinateur et réimportez-le.

Des fichiers en dossiers

• Après un import, la liste affiche des dossiers (css, img, js) à ouvrir et refermer.
• Le champ de filtre retrouve un fichier par son nom en une seconde.
• Vous envoyez de nouveaux fichiers directement dans le dossier choisi.
• Un clic sur un fichier copie son chemin ou l’insère dans le code à l’emplacement du curseur (une image devient une balise <img> prête).

Historique des versions

Chaque enregistrement conserve la version précédente. Cliquez sur Historique pour voir la liste et restaurer celle que vous voulez.

• Hostilo garde les 10 dernières versions de chaque page.
• Avant une restauration, le code actuel est lui aussi enregistré comme version : rien ne se perd.
• Des versions sont aussi créées lors d’une publication par IA (MCP), d’un import ZIP et pour les pages issues d’un modèle.
• Si vous êtes déconnecté après 15 minutes d’inactivité, l’éditeur vous propose de récupérer vos modifications non enregistrées à la prochaine ouverture.

Autres boutons pratiques

• Formater range l’indentation ; Minifier supprime les lignes vides.
• Copier place tout le code dans le presse-papiers, par exemple pour le coller dans ChatGPT ou Claude.
• Importer depuis une URL récupère le HTML d’une page de démo publique ; Charger ouvre un fichier .html de votre disque.

Questions fréquentes

Ces fonctions sont-elles gratuites ?

Oui. La recherche, l’import ZIP, les dossiers et l’historique fonctionnent avec l’offre gratuite. PRO ajoute un domaine personnalisé, plus d’espace et des statistiques plus longues.

Quels types de fichiers puis-je importer ?

HTML, CSS, JavaScript, images (y compris SVG et WebP), polices (woff, woff2, ttf, otf) et fichiers texte et de données courants. Les autres types sont ignorés et listés dans le résumé.

L’import va-t-il supprimer mes fichiers actuels ?

Non, sauf si vous cochez l’option pour vider assets avant. Les fichiers portant le même nom sont remplacés, et le résumé vous indique combien avant de confirmer.

Combien d’anciennes versions puis-je restaurer ?

Les 10 dernières versions de chaque page. Les plus anciennes sont supprimées automatiquement.

Vous créez avec l’IA ? Lisez comment publier un site multi-fichiers depuis ChatGPT ou Claude en une seule demande.