Éditeur HTML en Ligne

L'aperçu s'exécute dans un iframe en bac à sable (sandbox) avec les scripts autorisés mais l'accès de même origine désactivé, donc le code de l'aperçu ne peut pas lire ni modifier cette page, vos cookies ou votre stockage local. Il peut toujours, dans ce bac à sable, exécuter librement du JavaScript, ouvrir des boîtes d'alerte ou effectuer des requêtes réseau, comme n'importe quelle autre page web, donc continuez à traiter tout code collé provenant d'une source non fiable comme vous le feriez en l'exécutant dans un nouvel onglet de navigateur.

L'outil enveloppe votre CSS dans une balise <style> à l'intérieur du head du document, place votre HTML directement dans le body, et ajoute votre JavaScript dans une balise <script> à la fin du body, exactement comme un document HTML typique à une seule page, puis charge ce document combiné dans l'aperçu.

Oui, le bouton « Télécharger en .html » enregistre exactement le même document combiné affiché dans l'aperçu sous forme d'un seul fichier index.html, prêt à être ouvert directement dans un navigateur ou téléversé sur un serveur web.

Oui, l'aperçu se rafraîchit automatiquement peu après que vous arrêtiez de taper dans l'un des trois panneaux, afin que vous puissiez voir l'effet de vos modifications sans cliquer sur un bouton d'exécution distinct.

L'aperçu est un document de navigateur réel et isolé, donc la sortie de console.log va vers la propre console de ce document, pas vers cette page. Ouvrez les outils de développement de votre navigateur et sélectionnez le contexte de l'iframe d'aperçu pour voir la sortie de la console, ou utilisez alert() pour une vérification visible rapide à la place.