¿Cómo se muestra el código fuente con sangría en una página web? HTML? CSS?

Question

Quiero mostrar un código fuente con el control WebBrowser en un formulario de win. Y quiero decorar el código fuente con etiquetas HTML, como color, fuente y tamaño. Pero me resultó difícil mostrar la sangría correctamente.

Para ser precisos, mi código fuente se mantiene en Cadena [], y cada Cadena contiene ya la sangría adecuada (espacio o pestaña). Pero parece que este tipo de sangría es solo ignorado por el control WebBrowser.

¿Podría alguien decirme cómo hacerlo?

Answer 1

El <pre> element (usando <code> elements con nombres de las clases apropiadas para marcar las partes que desea a la sintaxis resaltado)

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

Answer 2

me gusta pegar el código en un Gist y luego mostrar de esa manera. Github reconocerá el código y lo formateará en consecuencia.

Si va a hacerlo a menudo, puede probar markdown.

O utilice un formateador de uso único como Syntax Highlighter.

Answer 3

Es posible que desee examinar esta biblioteca de JavaScript para resaltar y formatear su código. http://code.google.com/p/syntaxhighlighter/

O usted puede comprobar fuera de un servicio como este - http://pygments.appspot.com/ o este - http://hilite.me/