HTML / CSS

Édition et prévisualisation de pages HTML et CSS directement dans le navigateur

Coloration syntaxique

Indentation intelligente

Entrée = saut de ligne avec indentation automatique après une balise ou une accolade CSS
Fermeture automatique des balises : <div> → insertion de </div>
Suppression intelligente des paires (balises, guillemets, parenthèses) avec Backspace

Gestion des paires : parenthèses, guillemets et chevrons < > fermés automatiquement

Sauvegarde locale : code, position du curseur et défilement mémorisés.

Chargement et enregistrement

Ouvrir un fichier local (.html, .css)
Enregistrer ou télécharger avec nom auto-généré (Prénom_Thème-ObjetTPxx_YYYYMMDD.html)

Gestion des fichiers CSS virtuels

Un <link rel="stylesheet" href="abc.css"> dans le code crée automatiquement un onglet abc.css dans la zone Aperçu
Le contenu de cet onglet CSS peut être modifié directement.
Lors de l’aperçu, le code CSS est injecté dans la page en lieu et place du fichier externe (virtualisation du fichier)

Partage rapide : génération d’un lien (URL encodée en Base64)

Aperçu en direct

Rendu de la page dans une iframe sécurisée (sandbox)
Si seul du CSS est saisi, il est automatiquement appliqué à un modèle HTML de test

Raccourcis pratiques : F9 = afficher l’aperçu