HTML Preview
Preview HTML code
Preview HTML code Funziona localmente nel tuo browser
About the
L'anteprima HTML esegue il rendering di un frammento di HTML in tempo reale in modo da poter vedere cosa produce senza salvare un file e aprirlo. È pensato per brevi frammenti: un modello di email, il markup di un componente, uno snippet da un sistema di gestione dei contenuti o qualsiasi altra cosa tu voglia osservare prima di incollarla da qualche parte. Il passaggio dalla modifica all'anteprima è istantaneo, il che lo rende un ciclo veloce per modificare il markup.
Where people use the
- Controllo di un frammento del modello di posta elettronica prima di inviare un test.
- Anteprima del markup incollato da un sistema di gestione dei contenuti.
- Controllare l'integrità di uno snippet prima di incollarlo in una richiesta pull.
- Verificare se una tabella o un elenco viene visualizzato nel modo previsto.
How to use the
- 1
Incolla il tuo markup
Digita o incolla un frammento HTML nell'editor. Funzionano entrambi un documento completo o solo uno snippet.
- 2
Passa all'anteprima
Premi Anteprima per renderizzarlo. Il markup viene disegnato nella pagina come apparirebbe in un browser.
- 3
Torna indietro e regola
Premi Modifica per tornare al markup. Le modifiche vengono mantenute, quindi puoi iterare.
- 4
Copialo quando sei felice
Seleziona il markup nell'editor e copialo nel tuo progetto.
Suggerimenti e migliori pratiche
- Aggiungi stili in linea se il tuo frammento dipende da un foglio di stile che non è qui.
- Un rendering pulito non è prova di markup valido; i browser coprono gli errori.
- Tieni presente l'anteprima per gli snippet, non per intere pagine con comportamento di script.
Domande frequenti
Supporta CSS e JavaScript?
Rendering di tag di stile e stili in linea. Gli script vengono visualizzati come markup, ma questa è un'anteprima di un frammento, quindi tratta il comportamento degli script come inaffidabile.
Perché il mio snippet ha un aspetto diverso dal mio sito?
Perché manca il foglio di stile circostante. Un frammento non eredita nulla qui, quindi tutto ciò che si basa sul CSS del tuo sito apparirà senza stile.
Posso caricare immagini o caratteri esterni?
Sì, se sono raggiungibili pubblicamente, anche se le regole della pagina circostante non verranno comunque applicate.
Il markup è stato caricato?
No. Il rendering avviene nel tuo browser, quindi i modelli e i contenuti interni non pubblicati rimangono sul tuo dispositivo.
Convalida l'HTML?
No. Rende ciò che gli dai. Un browser risolverà silenziosamente alcuni errori, quindi un rendering pulito non dimostra che il markup è valido.