Utilia
Categorie ▾
Lingua: it ▾

Editor Markdown con anteprima

Scrivi in Markdown con anteprima live e sicura, tabelle ed elenchi di attività GitHub Flavored, conteggio parole, salvataggio automatico ed export .md o .html.

Anteprima

Parole
0
Caratteri
0
Tempo di lettura
0 min

Come usare l’editor Markdown

  1. Scrivi o incolla il tuo Markdown nel riquadro Markdown. L’Anteprima accanto (sotto, sul telefono) si aggiorna mentre scrivi.
  2. Usa i pulsanti di Formattazione (Grassetto, Corsivo, Titolo, Link, Elenco, Citazione, Codice) per formattare il testo selezionato, oppure premi Ctrl+B / Ctrl+I (⌘B / ⌘I su Mac).
  3. Lascia spuntato GitHub Flavored Markdown (tabelle, elenchi di attività, \~\~barrato\~\~, link automatici) per la sintassi usata su GitHub, oppure togli la spunta per un Markdown semplice in stile CommonMark.
  4. Quando hai finito, clicca Copia HTML per incollare l’HTML in un CMS o in un modello di email, Scarica .md per salvare il sorgente Markdown oppure Scarica .html per ottenere una pagina web completa.

I contatori sotto l’editor mostrano le Parole e i Caratteri del documento e un Tempo di lettura stimato a 200 parole al minuto. Le parole vengono contate nel testo visualizzato, quindi simboli Markdown come # o ** non gonfiano il conteggio.

Salvataggio automatico nel browser

Con Salvataggio automatico in questo browser spuntato, la bozza viene salvata un attimo dopo che smetti di scrivere, nella memoria locale del browser su questo dispositivo. Quando torni, l’ultima bozza viene ripristinata. Nulla viene inviato a un server, quindi la bozza non ti segue su un altro browser o dispositivo. In navigazione privata, o se la memoria è piena o bloccata, lo strumento ti avvisa che il salvataggio automatico non è disponibile: scarica il testo per conservarlo. Togliere la spunta all’opzione elimina la bozza salvata.

Promemoria della sintassi Markdown

  • Titoli: # Titolo, ## Sezione, ### Sottosezione
  • Enfasi: **grassetto**, _corsivo_, ~~barrato~~ (GFM)
  • Link: [testo](https://example.com); con GFM anche gli URL semplici diventano link
  • Immagini: ![descrizione](data:image/png;base64,…)
  • Elenchi: - voce oppure 1. voce; elenchi di attività con - [ ] e - [x] (GFM)
  • Citazioni: > testo citato
  • Codice: `in linea` oppure un blocco tra due righe di tre backtick
  • Tabelle (GFM): una riga di intestazione, una riga | --- | --- |, poi una riga per ogni riga della tabella

Sicurezza dell’anteprima e dell’export

Il Markdown può contenere HTML grezzo, che potrebbe nascondere script. A ogni aggiornamento dell’anteprima, l’HTML prodotto dal motore Markdown viene ripulito con DOMPurify prima di essere mostrato: vengono rimossi script, gestori di eventi come onclick, link javascript:, stili in linea, moduli, frame e contenuti multimediali incorporati. I link si aprono in una nuova scheda. Lo stesso HTML ripulito viene usato da Copia HTML e Scarica .html, quindi puoi incollarlo in altre pagine in tutta tranquillità.

L’anteprima mostra solo le immagini incorporate come URL data: o blob:. Le immagini remote, come https://…/foto.jpg, non vengono mai caricate: la policy di sicurezza di questa pagina le blocca, il che significa anche che l’anteprima non può essere usata per tracciarti. Lo strumento ti dice quante immagini non ha potuto mostrare. Il Markdown che scarichi mantiene i link originali alle immagini, quindi funzioneranno ovunque lo pubblichi.

Il file .html è una pagina autonoma con un piccolo foglio di stile integrato (font leggibili, tabelle, blocchi di codice e modalità scura). Il titolo viene dal primo titolo del documento, che dà il nome anche ai file scaricati.

Domande frequenti

Che cos'è GitHub Flavored Markdown?

GFM è il dialetto Markdown usato su GitHub e su molti altri siti. Aggiunge alla sintassi di base tabelle, elenchi di attività, testo barrato e link automatici. Togli la spunta all’opzione per vedere come appare il testo senza queste estensioni.

Posso usare HTML dentro il Markdown?

Sì, l’HTML di base come <details>, <sup> o <kbd> funziona. Tutto ciò che non è sicuro viene rimosso, così come gli stili e i tag multimediali.

Perché la mia immagine non compare?

Nell’anteprima vengono mostrate solo immagini data: e blob:; quelle remote sono bloccate. Il link resta nel tuo Markdown e funziona una volta pubblicato.

Il mio documento resta privato?

Sì. Visualizzazione, export e salvataggio automatico avvengono nel tuo browser. La bozza è salvata solo su questo dispositivo e puoi disattivare il salvataggio automatico in qualsiasi momento.

Quale motore Markdown viene usato?

Lo strumento usa marked, un parser Markdown veloce e molto diffuso, e DOMPurify per ripulire l’HTML. Entrambi vengono caricati solo all’avvio dell’editor.

Strumenti correlati