acento.io
Utilità di testo

Markdown preview

Visualizza il tuo Markdown come HTML in tempo reale — tutto nel browser, senza inviare nulla a nessun server.

By Carlos Suárez , Systems engineer
Last updated:

Cosa fa questo Markdown preview

Questo strumento è un markdown renderer live che converte il tuo testo in HTML mentre scrivi, senza ricaricare la pagina. Supporta GitHub Flavored Markdown (GFM): tabelle, blocchi di codice con triple backtick, testo barrato e task list con checkbox. Puoi lavorare in modalità split-view per vedere editor e anteprima affiancati, oppure passare alla sola anteprima o alla vista HTML grezza. In questa versione italiana dell'interfaccia trovi le etichette localizzate, ma il comportamento è identico per tutti i formati di testo. La parte che conta di più per molti utenti: 100% lato client — i tuoi dati non lasciano mai il browser. Nessun upload, nessun tracciamento, nessun log sul server. Per bozze riservate, contratti sotto NDA o documentazione interna, questo significa che il testo rimane esattamente dove lo hai scritto. Se hai bisogno di pulire o confrontare testo prima di formattarlo in Markdown, il nostro [text diff](/it/text-diff/) può aiutarti nella fase di revisione.

Funzionalità

  • Anteprima live in split-view. L'editor e il rendering HTML vengono aggiornati in tempo reale mentre digiti. Nessun pulsante da premere, nessuna latenza percepibile.
  • GitHub Flavored Markdown completo. Supporta le estensioni GFM: tabelle, task list, testo barrato con ~~doppio tilde~~ e fenced code block con indicazione del linguaggio. La specifica originale di Markdown del 2004 non includeva le tabelle — qui sono supportate nativamente.
  • Vista HTML grezza. Passa alla scheda HTML per vedere il markup generato. Utile per capire cosa verrà incollato in un CMS o in una email HTML.
  • Download come file .html completo. Il pulsante 'Scarica .html' genera un file autonomo con <html>, <head> e <body> pronti per essere aperti nel browser o distribuiti via email.
  • Privacy garantita by design. Nessuna richiesta di rete, nessun cookie di tracciamento. Il rendering avviene interamente nel tuo browser tramite JavaScript locale — come descritto nel modello di sicurezza del Web Crypto API che gestisce dati sensibili lato client.
  • Interfaccia leggera e senza dipendenze pesanti. Il parser non include syntax highlighting né rendering di diagrammi Mermaid: scelta deliberata per mantenere il bundle piccolo e il caricamento rapido.

Come usare il Markdown preview

Apri lo strumento, scrivi o incolla il tuo Markdown nell'editor a sinistra e guarda l'anteprima aggiornarsi istantaneamente.

  1. Scegli la modalità di visualizzazione. Usa i pulsanti in alto per passare tra Split (editor + anteprima), Anteprima sola o HTML grezzo.
  2. Scrivi o incolla il Markdown. Esempio rapido: per una tabella GFM scrivi | Nome | Ruolo |\n|------|-------|\n| Anna | Dev | e la vedrai renderizzata immediatamente.
  3. Controlla la vista HTML. Clicca sulla scheda HTML per copiare il markup generato e incollarlo direttamente in un template email o in un CMS come WordPress o Ghost.
  4. Scarica il file completo. Premi 'Scarica .html' per ottenere un documento HTML autonomo, con intestazione completa, pronto per la distribuzione o l'archiviazione.

Casi d'uso comuni

  • README e documentazione GitHub. Testa il rendering del tuo README prima di fare il commit. Quello che vedi qui corrisponde alla renderizzazione GitHub, che usa lo stesso dialetto GFM.
  • Bozze di post per blog statici. Se usi Hugo, Jekyll o Astro, scrivi il tuo articolo in Markdown e verifica la struttura HTML prima di passare al tuo generatore di siti.
  • Distribuzione interna di documenti. Converti specifiche tecniche o guide operative in .html per inviarle via email ai colleghi senza dipendere da Google Docs o Notion — utile quando i dati non possono uscire dall'azienda.
  • Didattica e apprendimento della sintassi. Il feedback istantaneo rende questo strumento ideale per chi impara Markdown per la prima volta, permettendo di sperimentare con headings, link e code block in tempo reale.
  • Pulizia e conversione di testo. Combinato con il nostro [HTML entities encoder/decoder](/it/html-entities/), puoi gestire caratteri speciali nel tuo Markdown prima di esportare l'HTML finale.

Domande frequenti

I miei contenuti vengono inviati a un server?

No. Tutto il rendering avviene nel browser tramite JavaScript. Il testo che scrivi non viene mai trasmesso a nessun server esterno, non viene registrato e non viene analizzato. Puoi usarlo tranquillamente anche per documenti riservati o sotto NDA.

Qual è la differenza tra Markdown standard e GitHub Flavored Markdown?

La specifica originale di John Gruber (2004) non includeva tabelle, task list o testo barrato. GitHub Flavored Markdown (GFM) è un'estensione che aggiunge queste funzionalità. Questo strumento implementa GFM, quindi tabelle e checkbox funzionano correttamente.

Posso usarlo come alternativa all'estensione markdown preview di VS Code?

Sì, per usi rapidi o su macchine dove non hai VS Code installato. La preview di VS Code offre syntax highlighting e integrazione con il workspace, ma questo tool funziona senza installazione, direttamente nel browser, utile per markdown live preview su qualsiasi dispositivo.

Il file .html scaricato funziona offline?

Sì. Il file generato è un documento HTML autonomo con il contenuto incorporato. Non dipende da CDN o risorse esterne, quindi si apre correttamente anche senza connessione internet.

Perché il codice non ha syntax highlighting colorato?

È una scelta progettuale: aggiungere una libreria di highlighting come Prism o highlight.js aumenterebbe il bundle di decine di kilobyte. Il codice è comunque racchiuso in tag <code> e <pre> semanticamente corretti, facili da stilizzare con CSS personalizzato.

Posso incorporare HTML dentro il Markdown?

GFM permette HTML inline nel Markdown, ma il comportamento varia tra i parser. Alcuni attributi vengono sanificati per sicurezza. Per manipolare entità HTML prima di incollare il markup, il nostro [HTML entities encoder/decoder](/it/html-entities/) è lo strumento giusto.