Editor Markdown con anteprima dal vivo - Esporta HTML
Editor Markdown e anteprima
L’HTML grezzo nel sorgente compare come testo nell’anteprima, e i link javascript: o data: sono disattivati.
Come scrivere in Markdown
Il Markdown è testo semplice con poche convenzioni di punteggiatura: un cancelletto per un titolo, asterischi per l’enfasi, un trattino per una voce di elenco. È ciò che capiscono README, wiki, sistemi di ticket e quasi tutte le app di note. Questo editor renderizza il testo mentre scrivi, così vedi la struttura prendere forma, ed esporta HTML pulito quando hai finito.
Passaggi
- 1 Digita o incolla Markdown nel riquadro a sinistra. L’anteprima a destra si aggiorna a ogni tasto.
- 2 Usa l’esempio come promemoria: titoli, grassetto e corsivo, elenchi, un blocco di codice, una tabella, una citazione e un link ci sono tutti.
- 3 Copia l’HTML per un CMS o un template, oppure scarica il documento come .md o come file .html autonomo.
La sintassi in un minuto
Titoli: # Titolo, ## Sezione, ### Sottosezione. Enfasi: **grassetto**, *corsivo*, ~~barrato~~. Elenchi: inizia le righe con - o 1.; rientra di due spazi per annidare. Link: [testo](https://example.com); immagini: . Il codice in linea va tra `accenti gravi`; un blocco di codice è delimitato da tre accenti gravi, seguiti facoltativamente dal nome del linguaggio. Una riga di --- traccia un separatore, e una riga che inizia con il segno di maggiore è una citazione.
Tabelle
Una tabella è una riga di intestazione, una riga separatrice e righe di dati, con le celle divise da barre verticali: | Nome | Prezzo |. La riga separatrice usa trattini, e un due punti a un’estremità imposta l’allineamento — :--- sinistra, :---: centro, ---: destra. Le colonne non devono essere allineate nel sorgente; il renderer gestisce la spaziatura.
Cosa contiene l’esportazione HTML
Copia HTML restituisce solo il markup del corpo — paragrafi, titoli, elenchi e tabelle — pronto da incollare in una pagina con i propri stili. Scarica .html avvolge quel markup in un documento completo, con un titolo preso dalla tua prima intestazione e un piccolo foglio di stile, così il file si apre leggibile in qualunque browser.
Perché l’HTML grezzo non viene renderizzato
Il Markdown standard lascia passare l’HTML intatto: comodo, ma trasforma qualsiasi documento incollato in un modo per eseguire script nella pagina. Questa anteprima invece lo esegue l’escape: un tag div o script nel sorgente compare come testo. I link con gli schemi javascript: e data: sono disattivati per lo stesso motivo. Anche il file esportato è privo di codice iniettato.