Outils pour développeurs

Bac à sable HTML/CSS/JS

Mini CodePen : trois panneaux et un aperçu isolé en direct.

Dans le navigateur

PRO

Bac à sable HTML/CSS/JS

Mini CodePen : trois panneaux et un aperçu isolé en direct.

Pro débloque cet outil, des limites plus élevées et la navigation sans publicité lorsque les publicités sont actives.

Passer à Pro Se connecter

À propos de cet outil

Essayez HTML, CSS et JavaScript côte à côte pour enseigner, corriger un extrait ou esquisser un widget.

Les outils de code de 1CLIK servent aux boucles courtes : mettre en forme, prévisualiser, encoder, copier. Ils ne remplacent ni VS Code ni un serveur de recette. Utilisez des données d’exemple, pas des exports de production qui contiennent des secrets.

Quand l’analyse échoue, l’erreur est en général dans le collage : guillemets de Word, jeton tronqué, accolade manquante. Corrigez la source, puis relancez l’outil.

Si vous préparez quelque chose qui ira sur 1CLIK lui-même, testez quand même dans le vrai thème. Cet espace ne charge pas le CSS de production du hub.

Étapes rapides

  1. Collez seulement l’extrait que vous acceptez d’avoir sur votre propre machine.
  2. Lancez la mise en forme, l’aperçu ou l’encodage.
  3. Copiez le résultat dans votre éditeur.
  4. Effacez la zone quand vous avez fini avec un contenu sensible.

Le travail reste dans le navigateur, sauf si vous enregistrez volontairement un brouillon sur un outil qui a des comptes.

FAQ

Exécutez-vous mon JavaScript sur un serveur ?

Non. Le code d’aperçu s’exécute dans votre navigateur.

Puis-je charger des paquets npm ?

C’est une aide légère, pas un bundler. Pour une vraie application, utilisez votre chaîne locale.

CSS de droite à gauche ?

Vous pouvez coller des règles RTL. Vérifiez-les sur une vraie page avec dir=rtl, car la mise en page dépend du document parent.

Une étape utile ensuite

Politiques du site : Confidentialité · Conditions