Come visualizzare il codice sorgente con rientro in una pagina Web? HTML? CSS?

Question

Voglio mostrare un codice sorgente con il controllo WebBrowser su una winform. E voglio decorare il codice sorgente con tag HTML, come colore, carattere e dimensione. Ma ho trovato difficoltà a visualizzare correttamente il rientro .

Per essere precisi, il mio codice sorgente è contenuto in String [], e ogni stringa contiene già il rientro (spazio o tabulazione) corretto. Ma sembra che questi tipi di rientro siano semplicemente ignorati dal controllo WebBrowser.

Qualcuno potrebbe dirmi come?

Answer 1

Il <pre> element (usando <code> elements con nomi di classe appropriati per marcare le parti che si desidera evidenziare la sintassi)

<pre><code class="javascript"><code class="keyword">function</code> <code class="name">foo</code>()… 

Answer 2

mi piace incollare il codice in un Gist e quindi visualizzare in questo modo. Github riconoscerà il codice e lo formatterà di conseguenza.

Se hai intenzione di farlo spesso si potrebbe provare markdown.

Oppure utilizzare un formattatore one-off come Syntax Highlighter.

Answer 3

Si potrebbe voler esaminare questa libreria JavaScript per evidenziare e formattare il codice. http://code.google.com/p/syntaxhighlighter/

Oppure si può verificare un servizio come questo - http://pygments.appspot.com/ o questo - http://hilite.me/