Editor HTML online
Scrivi o incolla l'HTML: accanto vedi subito come appare. La modalità Markdown trasforma una sintassi semplice in HTML pronto per la descrizione di un prodotto o una newsletter.
- Gratis
- Senza registrazione
- Funziona nel browser
Editor HTML online
A cosa serve un editor HTML a chi vende online
| Attività | Cosa fai |
|---|---|
| Descrizione prodotto per il negozio | scrivi sottotitoli, elenchi e una tabella delle caratteristiche e vedi il risultato prima di inserire la descrizione nella scheda |
| Descrizione del fornitore | incolli l'HTML di terzi e controlli cosa contiene: stili superflui, tag aperti, immagini non funzionanti |
| Newsletter o modello | modifichi un blocco dell'email e vedi subito come appare |
| Testo da Markdown | converti appunti, una risposta dell'AI o un README in HTML e copi il codice |
La lunghezza del testo finito rispetto ai limiti dei marketplace la controlli con il conta caratteri.
Tag HTML per la descrizione prodotto
| Tag | Cosa fa | Esempio |
|---|---|---|
| <h2>, <h3> | sottotitoli della descrizione | <h2>Caratteristiche</h2> |
| <p> | paragrafo | <p>Scarpe da corsa leggere.</p> |
| <strong>, <em> | grassetto e corsivo | <strong>Peso 260 g</strong> |
| <ul>, <li> | elenco dei vantaggi o del contenuto della confezione | <ul><li>Taglie 38–46</li></ul> |
| <table>, <tr>, <td> | tabella delle caratteristiche | <tr><td>Suola</td><td>EVA</td></tr> |
| <img> | immagine da un indirizzo | <img src="https://…/foto.jpg" alt="Scarpe da corsa"> |
| <a> | link | <a href="https://…">Tabella taglie</a> |
Script, stili della pagina e iframe non vanno nella descrizione di un prodotto: la maggior parte dei negozi e dei marketplace li rimuove.
Convertire Markdown in HTML
Imposta la modalità «Markdown → HTML» e incolla il testo: a destra compare il risultato, e «Copia HTML» copia il codice pronto. Markdown è comodo quando i testi nascono negli appunti, in chat o arrivano dall'AI: la sintassi è semplice e l'HTML che ne esce è pulito, senza stili superflui.
| Markdown | HTML |
|---|---|
| ## Titolo | <h2>Titolo</h2> |
| **grassetto**, *corsivo* | <strong>grassetto</strong>, <em>corsivo</em> |
| - voce | <ul><li>voce</li></ul> |
| 1. voce | <ol><li>voce</li></ol> |
| [testo](https://…) | <a href="https://…">testo</a> |
| | A | B | + riga |---|---| | tabella <table> |
L'HTML ottenuto da Markdown viene ripulito da script e attributi pericolosi prima di arrivare all'anteprima e negli appunti.
Controllare gli errori nel codice HTML
Sotto l'editor vedi quanti caratteri ha il codice e quali tag sono aperti ma non chiusi: per esempio, un </strong> dimenticato rende in grassetto tutto il resto della descrizione. È un'indicazione rapida, non una verifica completa.
La verifica completa secondo lo standard la fa il validatore gratuito del W3C: incolla il codice nella scheda «Validate by Direct Input» e ti mostra ogni errore con il numero di riga.
Vedere e modificare l'HTML di una pagina nel browser
- Tutto il codice sorgente: in Chrome, Edge o Firefox premi Ctrl + U (su Mac ⌘ + Opzione + U).
- Il codice di un blocco: clic destro sul blocco → «Ispeziona». Le modifiche in quella finestra le vedi solo tu e spariscono quando ricarichi la pagina.
- Copiare l'HTML di un blocco: nella stessa finestra, clic destro sulla riga → «Copia» → «Copia outerHTML», poi incollalo qui per modificarlo con calma.
È sicuro incollare HTML di terzi?
Sì. L'anteprima gira in un riquadro isolato senza permesso di eseguire script: il codice incollato non avvia JavaScript, non vede la pagina né i tuoi dati, e i suoi link non si aprono in questa scheda. Il codice non viene inviato da nessuna parte: l'editor funziona nel tuo browser.
Descrizioni prodotto in HTML senza lavoro manuale
Scrivere a mano l'HTML di ogni scheda smette di essere fattibile dopo qualche centinaio di prodotti. Elbuz scrive descrizioni lunghe e brevi per una categoria o per tutto il catalogo in una volta e le salva separatamente per ogni lingua: il PIM di Elbuz. Il generatore di landing page trasforma la scheda prodotto in una pagina di presentazione interattiva con foto e scale delle caratteristiche e la inserisce nella descrizione sul negozio, senza modificare la descrizione stessa.
Errori frequenti
- Tag aperto:
<b>senza</b>mette in grassetto tutto il testo che segue. - Descrizione copiata da Word, insieme a
style="…"e ai caratteri: nel negozio appare diversa che nell'editor. - Immagine presa dall'indirizzo di un altro sito: se lì viene rimossa, nella descrizione resta un buco.
- Tabella senza
<tr>: il browser mette tutte le celle su un'unica riga. - Script nella descrizione prodotto: i marketplace e la maggior parte dei negozi lo rimuovono o rifiutano la scheda.
Lo sapevi?
Markdown è nato come strumento che converte testo in HTML per chi scrive sul web; la versione 1.0.1 è uscita il 17 dicembre 2004.
Fonte: John Gruber, Daring Fireball, «Markdown», verificato il 01.11.2026Un iframe con l'attributo sandbox senza allow-scripts non esegue gli script della pagina incorporata.
Fonte: MDN Web Docs, «<iframe>», verificato il 01.11.2026Il validatore del W3C controlla il markup partendo dall'indirizzo di una pagina, da un file caricato o da codice incollato.
Fonte: W3C Markup Validation Service, verificato il 01.11.2026L'idea di far evolvere l'HTML, da cui è nato HTML5, fu presentata da Mozilla e Opera nel 2004 a un workshop del W3C.
Fonte: WHATWG, HTML Living Standard — Introduction, verificato il 01.11.2026
Domande frequenti
Come si modifica l'HTML online?
Incolla il codice nell'editor: a destra vedi subito il risultato. Modifica il codice e alla fine clicca «Copia HTML».
Come si converte Markdown in HTML?
Imposta la modalità «Markdown → HTML», incolla il testo e copia l'HTML pronto con «Copia HTML».
Come controllo gli errori nel codice HTML?
Sotto l'editor vedi i tag non chiusi e le chiusure in eccesso. La verifica completa secondo lo standard la fa il validatore del W3C, scheda «Validate by Direct Input».
Come vedo il codice HTML di un sito?
Apri la pagina nel browser e premi Ctrl + U: è tutto il codice sorgente. Il codice di un singolo blocco lo vedi con clic destro → «Ispeziona».
Posso modificare l'HTML in Chrome?
Sì: clic destro sull'elemento → «Ispeziona», poi doppio clic sul testo o sull'attributo. Le modifiche le vedi solo tu fino al ricaricamento; per tenerle, copia il codice nell'editor.
È sicuro incollare qui codice di terzi?
Sì: l'anteprima è un riquadro isolato senza script, il codice non viene eseguito né inviato.
Con cosa apro un file HTML?
Con qualsiasi browser, che mostra la pagina. Per modificarlo, apri il file in un editor di testo oppure copiane il contenuto qui.