WMW

Editor HTML Online

Free

Modifica 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

Commenti (0)

Hai trovato utile questo strumento? Lascia un commento, condividi un consiglio, o dicci come possiamo migliorarlo.

I commenti degli ospiti vengono revisionati prima della pubblicazione. Accedi per pubblicare istantaneamente.

Ancora nessun commento. Sii il primo a condividere il tuo pensiero!

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

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

Free

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.

Free

Testo

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.

Free

Testo

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.

Free

Testo

Anteprima Markdown

Renderizza il Markdown come HTML dal vivo e sanificato affiancato alla fonte, con un interruttore per visualizzare e copiare l'HTML generato.

Free

Testo

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.

Free

Testo

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.

Free

Testo

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.

Free

Testo

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.