TEXT.04 MARKDOWN PREVIEW

Editor di anteprima Markdown

Le scorciatoie di formattazione restano accanto all’editor sorgente; anteprima, HTML e testo semplice condividono il pannello dei risultati.

MARKDOWN

Sorgente

Parsing Marked + pulizia DOMPurify · mai inviato né salvato

OUTPUT

Risultato in tempo reale

Sincronizza scorrimento sorgente

§ 01

Dal sorgente Markdown a un risultato utile in due pannelli

Scrivi o apri un file

Scrivi, incolla o leggi un file Markdown o di testo locale. Le scorciatoie inseriscono la sintassi comune attorno alla selezione.

Scegli il tipo di risultato

L’anteprima controlla il layout, HTML è adatto a CMS e pagine web, il testo semplice estrae il contenuto leggibile. Tutto deriva dallo stesso rendering sicuro.

Copia o scarica

Le azioni a destra seguono la scheda attiva: l’anteprima scarica un documento HTML completo, HTML un frammento e il testo semplice il testo.

§ 02

L’anteprima dal vivo trova i problemi prima della pubblicazione

Il sorgente Markdown è leggibile, ma allineamento delle tabelle, elenchi nidificati, blocchi di codice e link si verificano meglio dopo il rendering. L’anteprima divisa tiene modifica e risultato nello stesso campo visivo.

Questa pagina abilita GitHub Flavored Markdown con tabelle, elenchi di attività, barrato e link automatici. L’HTML grezzo passa da DOMPurify, quindi script, attributi pericolosi e protocolli non sicuri non entrano nell’anteprima.

§ 03

Sintassi Markdown comune

Uso

Sintassi

Risultato

Titolo

# Titolo

Livello uno; aggiungi cancelleti per i livelli inferiori

Enfasi

**grassetto** e *corsivo*

Parole evidenziate

Link

[testo](indirizzo)

Link cliccabile

Citazione

> contenuto citato

Blocco citazione

Codice

Tre backtick intorno al contenuto

Blocco di codice che conserva la formattazione

Attività

- [ ] da fare

Elenco attività GFM

Tabella

Barre tra le colonne

Tabella GFM

§ 04

Parsing Markdown e sicurezza HTML sono compiti diversi

Un parser Markdown converte la sintassi in HTML, ma non rende sicuro da solo un input arbitrario. Questa pagina usa un sanitizzatore dedicato prima di inserire il risultato nel DOM.

Il contenuto dell’editor esiste solo nella memoria della pagina corrente. Non ci sono salvataggio automatico o cronologia; l’aggiornamento ripristina l’esempio, quindi scarica il Markdown o copia il risultato per conservarlo.

§ 05

Domande frequenti

Q1Quale sintassi Markdown è supportata?

Markdown comune, tabelle GFM, elenchi di attività, barrato, link automatici, blocchi di codice delimitati e un sottoinsieme ripulito dell’HTML grezzo.

Q2Perché ripulire l’HTML renderizzato?

Markdown può contenere HTML grezzo. DOMPurify rimuove script, attributi di eventi e URL pericolosi per impedire l’esecuzione di codice non attendibile nell’anteprima.

Q3Il contenuto viene salvato automaticamente?

No. La pagina non usa LocalStorage né cronologia. L’aggiornamento ripristina l’esempio; copia o scarica ciò che vuoi conservare.

Q4Qual è la differenza tra Anteprima, HTML e Testo semplice?

L’anteprima mostra il layout finale, HTML espone il frammento di markup ripulito e il testo semplice estrae le parole leggibili dal risultato.

Q5Posso aprire un file Markdown locale?

Sì. FileReader lo legge localmente senza upload e puoi anche trascinarlo nell’editor sorgente.