How to display indented source code on a web page? HTML? CSS?

Question

I want to show some source code using a WebBrowser control on winform. And I want to decorate the source code with HTML tags such as color, font, and size. But it was difficult for me to display the indent .

To be precise, my source code is stored in String [], and each line contains an existing indent (space or tab). But it looks like this indentation is only ignored by the WebBrowser control.

Can anyone tell me how?

Answer 1

<pre> element (using <code> elements with appropriate class names to mark the parts that you want to highlight with syntax)

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

Answer 2

I like to embed my code in a Gist and then display it that way. Github will recognize the code and format it accordingly.

If you are going to do this often, you can try markdown .

Or use a disposable formatter, such as a Syntax shortcut .

Answer 3

You might want to explore this JavaScript library to highlight and format the code. http://code.google.com/p/syntaxhighlighter/

Or you can check such a service - http://pygments.appspot.com/ or this - http://hilite.me/