Visualizzatore/Editor Markdown

Il Markdown è diventato il formato di riferimento per i file README, la documentazione, le descrizioni delle pull request e gli articoli dei blog statici perché è leggibile come testo semplice e allo stesso tempo si trasforma in un output formattato a dovere (titoli, grassetto e corsivo, elenchi, link e blocchi di codice) senza mai passare da un editor di testo ricco. Il problema è che anche una piccola svista di sintassi (una riga vuota mancante prima di un elenco, una tabella con un numero di colonne incoerente, un blocco di codice recintato che non si chiude mai) può dare un risultato molto diverso da quello voluto, e di solito dal testo grezzo non te ne accorgi.

Questo strumento interpreta il tuo Markdown con le stesse regole GitHub-Flavored Markdown che renderizzano i tuoi README e le tue pull request, e mostra l'output reale accanto al sorgente, aggiornandolo mentre scrivi. Poiché parsing e rendering avvengono interamente nel tuo browser, qualsiasi cosa tu stia scrivendo (bozze di documentazione, appunti privati, un articolo non ancora pubblicato) non lascia mai il tuo computer. L'HTML generato viene anche sanificato prima della visualizzazione, quindi incollare Markdown con HTML grezzo o un tag script vagante non può eseguire nulla nel browser: viene trattato come contenuto inerte, non come codice.

La barra di formattazione inserisce al posto tuo la sintassi giusta (grassetto, corsivo, titoli, link, immagini, elenchi ordinati e non ordinati, citazioni, codice in linea o recintato, tabelle e linee orizzontali), così non devi ricordare la punteggiatura esatta del Markdown per gli elementi meno comuni come le intestazioni di tabella o i link di tipo riferimento. Passa dalla vista divisa alla sola scrittura o alla sola anteprima a seconda dello spazio che ti serve, e nella vista divisa i due pannelli scorrono insieme, così non perdi mai il filo di quale parte del sorgente corrisponda a quale parte del risultato.

Quando hai finito, copia negli appunti il Markdown grezzo o l'HTML renderizzato, oppure scaricane uno come file `.md` o `.html` pronto all'uso. Se invece di vedere un'anteprima devi confrontare due versioni di un documento, il Text Diff Checker evidenzia esattamente cosa è cambiato; per contare le parole e stimare il tempo di lettura del testo finito, il Contatore di parole e caratteri è la tappa successiva più naturale.