Vai al contenuto
Strumento gratuito

Editor Markdown online con anteprima in tempo reale

Con questo editor Markdown online puoi scrivere Markdown e vedere subito l'anteprima accanto al testo. Apri file .md, crea una tabella dalle celle copiate da Excel, salva il documento come PDF o copialo come HTML. Per i messaggi Discord c'è una modalità dedicata con spoiler e conteggio dei caratteri. Gratis e senza registrazione: il tuo testo resta nel tuo browser.

Creato da Dimitri Heissler

Stai creando qualcosa di tuo? Ospitalo su un VPS con controllo completo.

GitHub Flavored Markdown: titoli, elenchi, tabelle, elenchi di attivitĂ  e codice con evidenziazione della sintassi. Adatto a file README, issue e documentazione.

Il tuo testo rimane in questo browser. Viene salvato solo localmente come bozza, senza mai essere caricato. Ctrl+Z annulla le modifiche.

Parole
70
Caratteri
515
Righe
28
Titoli
3
Tempo di lettura
1 min

Risultato di esempio

Che cosa ti mostra questo Markdown Editor

Scrivi in Markdown e vedi subito accanto il risultato formattato. Ottieni anche il codice HTML da copiare, il conteggio di parole e caratteri, il tempo di lettura e, in modalitĂ  Discord, il numero di caratteri ancora disponibili. Tre esempi:

Esempio 1: un breve README

Input (README / GitHub):

# Il mio server

Funziona con **8 GB RAM** e `Paper 1.21`.

- [x] Backup
- [ ] Whitelist

Anteprima:

Il mio server

Funziona con 8 GB RAM e Paper 1.21.

  • Backup
  • Whitelist

Codice HTML da copiare:

<h1 id="il-mio-server">Il mio server</h1>
<p>Funziona con <strong>8 GB RAM</strong> e <code>Paper 1.21</code>.</p>
<ul class="contains-task-list">
<li class="task-list-item"><input type="checkbox" checked disabled> Backup</li>
<li class="task-list-item"><input type="checkbox" disabled> Whitelist</li>
</ul>

Risultato in parole: il titolo 1 diventa un h1, le due parti evidenziate diventano strong e code e le due voci dell'elenco diventano una lista di attività con una casella selezionata e una vuota. Il testo contiene 13 parole e 88 caratteri; il tempo di lettura è di 1 minuto.

Esempio 2: una tabella

Input (README / GitHub):

| Piano | RAM in GB |
| --- | ---: |
| Basic | 4 |
| Pro | 8 |

Anteprima:

PianoRAM in GB
Basic4
Pro8

Codice HTML da copiare:

<table>
<thead>
<tr>
<th>Piano</th>
<th align="right">RAM in GB</th>
</tr>
</thead>
<tbody>
<tr>
<td>Basic</td>
<td align="right">4</td>
</tr>
<tr>
<td>Pro</td>
<td align="right">8</td>
</tr>
</tbody>
</table>

Risultato in parole: la tabella ha due colonne e due righe di dati. La riga con i trattini separa l’intestazione dal contenuto; i due punti in «---:» allineano a destra la seconda colonna.

Esempio 3: un messaggio Discord

Input (Discord):

# Evento di oggi
Alle **20:00** nel ||canale vocale||
-# Iscrizioni aperte

Anteprima come su Discord:

Evento di oggi

Alle 20:00 nel Spoiler, clicca per mostrarlo

Iscrizioni aperte

Risultato in parole: la riga con # diventa un titolo grande, **20 Uhr** appare in grassetto, il testo tra || è uno spoiler visibile solo dopo un clic e la riga con -# diventa piccola e grigia. Il messaggio contiene 74 dei 2000 caratteri consentiti.

Come funziona

Come scrivere Markdown online con anteprima in tempo reale

Quattro passaggi dal campo di testo vuoto al documento o messaggio Discord finito, senza account né installazione.

Passaggio 1

Scegli la variante

In alto scegli «README / GitHub» per documenti con tabelle ed elenchi di attività, oppure «Discord» per messaggi di chat con spoiler e citazioni. Ogni variante ha il proprio testo e le proprie indicazioni.

Passaggio 2

Scrivi o apri un file

Inserisci il tuo testo e usa i pulsanti per grassetto, elenco, tabella e codice oppure le scorciatoie Ctrl+B, Ctrl+I e Ctrl+K. Puoi incollare celle da Excel, selezionarle e fare clic su «Tabella». Con «Apri file» puoi caricare un file .md esistente, che rimane nel tuo browser.

Passaggio 3

Controlla l'anteprima

A destra, oppure sul telefono nella scheda «Anteprima», vedi il risultato a ogni carattere digitato. Oltre 100.000 caratteri, l'anteprima nella modalità «README / GitHub» appare solo dopo un clic su «Mostra comunque l'anteprima», di nuovo dopo ogni modifica. In modalità Discord, l'editor mostra il messaggio nello stile di Discord e segnala tabelle, immagini e testi troppo lunghi.

Passaggio 4

Applica il risultato

Copia il Markdown o il codice HTML pronto, scarica il documento come file .md o .html oppure seleziona «Salva come PDF» e poi «Salva come PDF» nella finestra di stampa. Per Discord, copia il messaggio e incollalo nella chat.

Markdown Viewer

Markdown Viewer: apri e leggi un file .md e salvalo come PDF

Non ti serve un programma aggiuntivo per leggere un file .md. L'editor lo apre nel tuo browser, lo mostra formattato e ti permette di esportarlo in PDF o HTML.

Apri file MD senza installazione

Clicca su «Apri file» e seleziona un file .md, .markdown, .mdown o .txt fino a 2 MB. Il tuo browser lo legge in locale, senza caricarlo. Nella modalità «README / GitHub», l'anteprima mostra intestazioni, tabelle, elenchi di attività e codice con evidenziazione della sintassi.

Converti Markdown in PDF

«Salva come PDF» apre la finestra di stampa del tuo browser con il documento formattato. Seleziona «Salva come PDF» come destinazione. Il PDF viene creato sul tuo dispositivo e l'editor ricava il titolo del documento dalla prima intestazione.

Converti Markdown in HTML

«Copia HTML» copia il codice HTML negli appunti; «Scarica .html» salva una pagina completa con uno stile di base. Trovi entrambe le opzioni, insieme all'esportazione in PDF, nella modalità «README / GitHub».

Nozioni di base

Che cos'è Markdown? Una spiegazione semplice

Markdown è una semplice sintassi che ti permette di formattare il testo con pochi caratteri. Tu scrivi testo normale e un programma lo trasforma in titoli, elenchi, tabelle e link.

Ecco come appare

Un # all'inizio della riga crea un titolo, **grassetto** rende il testo in grassetto, un trattino all'inizio della riga crea un elemento di elenco e parentesi quadre seguite da tonde creano un link. Il testo resta leggibile anche senza un programma specifico.

A cosa serve

Per file README.md su GitHub, documentazione tecnica, appunti, post nei forum e messaggi di chat, per esempio su Discord. L'estensione del file è .md o .markdown.

Come puoi provarlo

Scrivi nel campo di testo in alto e vedi subito l’anteprima. Con «Apri file» puoi leggere un file .md esistente; con «Salva come PDF» o «Copia HTML» puoi condividere il risultato.

Tabella Markdown

Creare una tabella Markdown: sintassi, allineamento e importazione da Excel

Una tabella è composta da una riga di intestazione, una riga di separazione e le righe dei dati, con barre verticali tra le colonne. Puoi scriverla a mano o lasciare che l'editor la crei dalle celle copiate.

Struttura

Input:

| Piano | RAM in GB |
| --- | ---: |
| Basic | 4 |
| Pro | 8 |

Anteprima:

PianoRAM in GB
Basic4
Pro8

Allinea colonne

I due punti nella riga separatrice determinano l'allineamento: a sinistra, al centro o a destra.

| Allineato a sinistra | Centrato | Allineato a destra |
| :--- | :---: | ---: |
| a | b | c |

Anteprima:

Allineato a sinistraCentratoAllineato a destra
abc

Da Excel o Google Sheets

Copia le celle, incollale, selezionale e fai clic su «Tabella». Dal testo copiato:

Piano	RAM in GB
Basic	4
Pro	8

diventa questa tabella Markdown, con la colonna dei numeri allineata a destra:

| Piano | RAM in GB |
| --- | ---: |
| Basic | 4 |
| Pro | 8 |

Guida rapida a Markdown

La sintassi Markdown a colpo d’occhio

I principali elementi di GitHub Flavored Markdown, con input e risultato. La colonna di destra usa lo stesso renderer dell'anteprima nell'editor.

Sintassi Markdown e risultato
ElementoMarkdownRisultato
Titoli
# Titolo 1
## Titolo 2
### Titolo 3

Titolo 1

Titolo 2

Titolo 3

Grassetto e corsivo
**grassetto**, *corsivo*, ***entrambi***

grassetto, corsivo, entrambi

Barrato
~~vecchio~~ nuovo

vecchio nuovo

Link
[Testo del link](https://example.com)
Immagine
![Descrizione dell'immagine](https://example.com/bild.png)
Mostra l'immagine; la descrizione funge da testo alternativo.
Elenco puntato
- Uno
- Due
  - Due A
  • Uno
  • Due
    • Due A
Elenco numerato
1. Primo
2. In secondo luogo
  1. Primo
  2. In secondo luogo
Elenco delle attivitĂ 
- [x] completato
- [ ] aperto
  • completato
  • aperto
Citazione
> Una citazione

Una citazione

Codice nella frase
Avvia `npm run dev`

Avvia npm run dev

Blocco di codice
```js
console.log(1 + 1);
```
console.log(1 + 1);
Tabella
| Nome | Valore |
| --- | ---: |
| RAM | 8 |
NomeValore
RAM8
Linea di separazione
---

Markdown di Discord

Come formattare il testo su Discord: i comandi principali

Discord usa una propria variante ridotta di Markdown. Seleziona «Discord» in alto per vedere, prima dell'invio, come apparirà il tuo messaggio nella chat.

Formattazione Discord e risultato
ElementoInputRisultato in Discord
Grassetto
**grassetto**

grassetto

Corsivo
*corsivo* oppure _corsivo_

corsivo oppure corsivo

Sottolineato
__sottolineato__

sottolineato

Barrato
~~barrato~~

barrato

Combinato
__***sottolineato, grassetto e corsivo***__

sottolineato, grassetto e corsivo

Spoiler
||testo nascosto||

Spoiler, clicca per mostrarlo

Codice nella frase
`Codice`

Codice

Blocco di codice
```js
console.log('hi');
```
console.log('hi');
Citazione
> Una citazione

Una citazione

Titoli
# Grande
## Medio
### Piccolo

Grande

Medio

Piccolo

Testo piccolo
-# Piè di pagina

Piè di pagina

Elenco
- Uno
- Due
1. Primo
  • Uno
  • Due
  1. Primo
Link con testo
[Testo del link](https://example.com)

Confronto

Confronto tra Markdown di GitHub e di Discord

Un testo che appare bene in un README può risultare illeggibile nella chat di Discord. Questa tabella mostra cosa funziona e dove.

Quali funzioni Markdown funzionano su GitHub e Discord
FunzioneREADME / GitHubDiscordNota
TitoliSìParzialmenteGitHub: da # a ######. Discord: solo da # a ### all'inizio della riga.
Grassetto, corsivo, barratoSìSìStessa sintassi per entrambi.
Sottolineato (__text__)NoSìSu GitHub, __text__ indica il grassetto.
Spoiler (||text||)NoSìSolo Discord.
TabelleSìNoDiscord mostra i trattini come testo.
Elenchi delle attività (- [ ])SìNoDiscord mostra le parentesi quadre come testo.
Immagini (![](url))SìNoSu Discord puoi caricare le immagini o pubblicarne il link.
Blocchi di codice con linguaggioSìSìEntrambi evidenziano il codice in base al linguaggio.
HTML nel testoParzialmenteNoGitHub supporta una selezione di tag, Discord nessuno.
Citazioni (> testo)SìSìDiscord supporta anche >>> per tutto il testo fino alla fine.

Scopri di piĂą

Altri strumenti

Confrontare testi online (Diff Checker)

Confronta online due testi, configurazioni o versioni di codice, visualizza le differenze riga per riga e parola per parola e copiale come Unified Diff. Funziona interamente nel browser.

Creato da Dimitri Heissler

JSON to CSV Converter

Convertire JSON in CSV e CSV in JSON: appiattimento degli oggetti annidati, rilevamento del separatore, CSV per Excel con BOM e anteprima tabellare dei file JSON e CSV. Funziona interamente nel browser.

Creato da Dimitri Heissler

Formatter HTML e CSS online (abbellisci il codice)

Formatta, indenta e abbellisci HTML e CSS online, con rilevamento automatico della lingua. Funziona interamente nel browser, senza caricamenti.

Creato da Luca Stanek

Contatore di caratteri per Discord

Inserisci il testo e verifica subito se rientra nei limiti di Discord, con un conteggio dei caratteri in tempo reale per messaggi, embed, nomi utente, nickname, comandi slash e sondaggi. Tutto nel browser.

Creato da Justin Schuessler

Formattatore di testo Discord (Markdown, testo colorato e blocchi di codice)

Formatta il testo Discord con un clic: grassetto, corsivo, spoiler, citazioni e blocchi di codice, oltre al testo colorato tramite blocchi di codice ANSI. Con anteprima in tempo reale come su Discord e pulsante per copiare. Funziona interamente nel browser.

Creato da Luca Stanek

Contatore di caratteri e parole (Word Counter)

Contatore di caratteri e parole: conti online parole e caratteri, calcoli il tempo di lettura e verifichi i limiti per X, SMS, meta tag e Discord. Funziona interamente nel browser.

Creato da Dimitri Heissler

FAQ

Domande frequenti

Risposte brevi su file .md, PDF e HTML, tabelle da Excel, formattazione per Discord e tutela dei tuoi dati.

Markdown è un modo semplice per formattare il testo usando caratteri comuni: # crea un'intestazione, **grassetto** rende il testo in grassetto e un trattino a inizio riga crea una voce di elenco. John Gruber lo ha pubblicato nel 2004. I file Markdown hanno di solito l'estensione .md, più raramente .markdown. Li trovi nei file README su GitHub, nella documentazione e negli appunti; anche Discord usa Markdown per i messaggi di chat. Il vantaggio è che il testo resta leggibile anche senza formattazione.

Nell'editor, clicca su «Apri file» e seleziona un file .md, .markdown, .mdown o .txt fino a 2 MB, oppure incolla il contenuto nel campo di testo. Nella modalità «README / GitHub», l'anteprima lo mostra subito formattato, con tabelle, elenchi di attività ed evidenziazione del codice. Oltre 100.000 caratteri, l'anteprima appare solo dopo un clic su «Mostra comunque l'anteprima». Non devi installare nulla e il file non viene caricato: il tuo browser lo legge in locale. Puoi quindi modificare il testo e scaricarlo di nuovo come .md.

Nella modalità «README / GitHub», clicca su «Salva come PDF». L'editor apre la finestra di stampa del tuo browser con il documento formattato. Seleziona «Salva come PDF» come destinazione e conferma. Il PDF viene creato sul tuo dispositivo, senza caricare nulla. L'editor ricava il titolo del documento dalla prima intestazione. Puoi impostare margini e intestazioni di pagina nella finestra di stampa.

Una tabella è composta da una riga di intestazione con barre verticali, una riga di separazione con tre trattini per colonna e le righe dei dati: per esempio | Name | RAM |, sotto | --- | ---: | e poi | Pro | 8 |. I due punti nella riga di separazione definiscono l'allineamento. Da Excel o Google Sheets fai prima: copia le celle, incollale nel campo di testo, seleziona il testo incollato e clicca su «Tabella». La prima riga diventa l'intestazione e le colonne contenenti solo numeri vengono allineate a destra. Funzionano anche righe CSV con punto e virgola o virgola, ma il pulsante non interpreta i campi CSV tra virgolette che contengono il delimitatore. Le tabelle fanno parte di GitHub Flavored Markdown e non funzionano su Discord.

Nella modalità «README / GitHub», «Copia HTML» copia il codice HTML finale: per esempio, **grassetto** diventa <strong>grassetto</strong>. «Scarica .html» salva una pagina completa con uno stile di base. Per sicurezza, l'editor non elabora i tag HTML che scrivi nel Markdown, ma li mostra come testo. L'editor non offre l'esportazione in Word o .docx. Per usare Word, scarica il file .html e aprilo lì, oppure salva il documento come PDF.

Passa alla modalità «Discord» in alto. Si applica così la sintassi di Discord: **grassetto**, *corsivo*, __sottolineato__, ~~barrato~~, ||Spoiler|| e `Codice`. Da # a ### a inizio riga creano intestazioni, -# crea una riga piccola e grigia e > cita una riga. L'anteprima mostra il messaggio come apparirà nella chat; il contatore lo confronta con il limite di 2000 caratteri, oppure 4000 con Nitro. Discord non supporta tabelle, immagini, linee di separazione o HTML: l'editor te lo segnala. Con «Copia messaggio» copi il testo.

Una riga vuota separa i paragrafi. In un README, una singola interruzione di riga nel testo viene trattata come uno spazio e il testo continua. Per forzare un'interruzione, inserisci due spazi o una barra rovesciata alla fine della riga. Su Discord è più semplice: ogni interruzione inserita con Maiusc+Invio viene mantenuta.

Non viene caricato nulla: anteprima, esportazione HTML, PDF e apertura dei file funzionano in locale nel tuo browser. Per non perdere il lavoro dopo un aggiornamento della pagina, l'editor conserva una bozza nella memoria locale del browser. Con «Svuota» cancelli il campo di testo della modalità corrente e anche la bozza salvata. L'anteprima non esegue l'HTML presente nel testo, ma lo mostra come testo; inoltre, rimuove i link con schemi non sicuri come javascript:.

Hai altre domande?

Contatta il supporto
Stai creando qualcosa di tuo?

Il tuo progetto ha bisogno di un server su cui funzionare in modo affidabile

Un VPS ZAP-Hosting mette online in modo affidabile la tua applicazione, il tuo bot o la tua documentazione.

4,4/5 Trustpilot32.000+ Server attiviDal 2010

Nessuna configurazione. Nessun rischio. Online in pochi secondi.

Durata flessibileDisdicibile in qualsiasi momentoOnline in 60 secondi

Cerchi altri strumenti? Visualizza tutti gli strumenti per sviluppatori