Editor HTML Online
FreeModifica HTML, CSS e JavaScript in tre pannelli con un'anteprima dal vivo in sandbox che si aggiorna mentre scrivi, più un download in un clic come file HTML autonomo.
Funziona interamente nel tuo browser. Il tuo codice non viene mai caricato da nessuna parte.
Anteprima dal vivo
Attività recente
Visibile a tutti. Ultimi 20 utilizzi su tutti i visitatori, i più recenti per primi.
Выполнен живой предпросмотр (132 символов HTML, 77 символов CSS, 102 символов JS)
17 minuti fa
Eine Live-Vorschau ausgeführt (132 HTML-Zeichen, 77 CSS-Zeichen, 102 JS-Zeichen)
30 minuti fa
Ran a live preview (27 HTML chars, 42 CSS chars, 151 JS chars)
4 ore fa
Ran a live preview (27 HTML chars, 42 CSS chars, 102 JS chars)
4 ore fa
Ran a live preview (27 HTML chars, 77 CSS chars, 102 JS chars)
4 ore fa
Ran a live preview (132 HTML chars, 77 CSS chars, 102 JS chars)
4 ore fa
Cosa fa questo strumento
Scrivi HTML, CSS e JavaScript in tre pannelli separati e guardali combinarsi in un'unica anteprima dal vivo che si aggiorna mentre scrivi, con il download in un clic del risultato come file HTML autonomo.
Come funziona
Lo strumento assembla un documento HTML completo dai tuoi tre pannelli (CSS racchiuso in un tag style, il tuo HTML nel body, il tuo JavaScript in un tag script alla fine), e carica quel documento in un iframe sandbox usando l'attributo srcdoc. La sandbox consente l'esecuzione degli script ma impedisce all'anteprima di accedere al DOM, ai cookie o allo storage di questa pagina, quindi il tuo codice viene eseguito in un ambiente browser realistico ma isolato.
Problemi che risolve
- Testare rapidamente uno snippet HTML, una regola CSS o un piccolo script senza creare file locali.
- Prototipare una piccola pagina o un'idea di interfaccia utente ed esportarla come file HTML funzionante.
- Dimostrare o condividere un esempio di codice autosufficiente che qualcun altro può incollare ed eseguire istantaneamente.
Domande frequenti
›È sicuro eseguire JavaScript non attendibile nell'anteprima?
L'anteprima viene eseguita all'interno di un iframe sandbox con gli script consentiti ma con l'accesso alla stessa origine disabilitato, quindi il codice nell'anteprima non può leggere o modificare questa pagina, i tuoi cookie o il tuo storage locale. Può comunque, all'interno di quella sandbox, eseguire JavaScript liberamente, aprire finestre di avviso o effettuare richieste di rete, come qualsiasi altra pagina web, quindi continua a trattare qualsiasi codice che incolli da una fonte non attendibile come tratteresti l'eseguirlo in una nuova scheda del browser.
›Come vengono combinati i pannelli HTML, CSS e JavaScript?
Lo strumento racchiude il tuo CSS in un tag <style> all'interno dell'head del documento, posiziona il tuo HTML direttamente nel body, e aggiunge il tuo JavaScript in un tag <script> alla fine del body, esattamente come un tipico documento HTML a pagina singola, poi carica quel documento combinato nell'anteprima.
›Posso scaricare ciò che ho costruito come un file reale?
Sì, il pulsante "Scarica come .html" salva esattamente lo stesso documento combinato mostrato nell'anteprima come un singolo file index.html, pronto per essere aperto direttamente in un browser o caricato su un server web.
›L'anteprima si aggiorna automaticamente mentre scrivo?
Sì, l'anteprima si aggiorna automaticamente poco dopo che smetti di scrivere in uno dei tre pannelli, così puoi vedere l'effetto delle tue modifiche senza cliccare su un pulsante di esecuzione separato.
›Perché l'output di console.log non appare da nessuna parte sulla pagina?
L'anteprima è un documento del browser reale e isolato, quindi l'output di console.log va alla console propria di quel documento, non a questa pagina. Apri gli strumenti per sviluppatori del tuo browser e seleziona il contesto dell'iframe dell'anteprima per vedere l'output della console, oppure usa alert() per un controllo visibile rapido.
Strumenti correlati
Testo
Convertitore da Excel a Tabella HTML
Incolla da Excel o Google Fogli, oppure carica un file .xlsx/.xls/.csv, e ottieni una tabella HTML pulita con anteprima in tempo reale, stile opzionale e allineamento delle colonne numeriche.
FreeTesto
Convertitore di Entità HTML
Converti testo da e verso entità HTML in entrambe le direzioni contemporaneamente, con formati numerici decimali o esadecimali e una tabella di riferimento rapido delle entità comuni.
FreeTesto
Validatore HTML
Controlla l'HTML per tag non chiusi, ID duplicati, elementi deprecati e altri problemi comuni ben definiti, verificato con un proprio parser di corrispondenza tag, non un validatore completo di conformità W3C.
FreeTesto
Anteprima Markdown
Renderizza il Markdown come HTML dal vivo e sanificato affiancato alla fonte, con un interruttore per visualizzare e copiare l'HTML generato.
FreeTesto
Correttore di Mojibake (Testo Corrotto)
Recupera i byte originali dietro un testo corrotto (mojibake) e li decodifica nuovamente sotto diverse codifiche comuni, mostrando ogni candidato pulito.
FreeTesto
Validatore di Sintassi MySQL
Valida la sintassi MySQL di una o più istruzioni separate da punto e virgola, segnalando la riga e la colonna esatte del primo errore trovato.
FreeTesto
Generatore di Password
Genera password forti e casuali direttamente nel tuo browser usando un generatore criptograficamente sicuro, con un misuratore di robustezza in tempo reale, calcolo dell'entropia e supporto per lotti di più password alla volta.
FreeTesto
Convertitore Punycode
Convertite il testo tra Unicode e Punycode (RFC 3492), la codifica solo ASCII usata per i nomi di dominio internazionalizzati, con una modalità dominio completa (consapevole dei punti, prefisso xn-- automatico) e una modalità etichetta semplice, convertendo più righe alla volta.
Commenti (0)
Hai trovato utile questo strumento? Lascia un commento, condividi un consiglio, o dicci come possiamo migliorarlo.
Ancora nessun commento. Sii il primo a condividere il tuo pensiero!