如何在網頁中顯示帶縮進的源代碼？ HTML？ CSS？

Question

我想在winform上顯示WebBrowser控件的一些源代碼。 我想用HTML標簽來裝飾源代碼，例如顏色，字體和大小。 但我發現很難正確顯示縮進 。

確切地說，我的源代碼保存在String []中，每個String都包含正確的縮進（空格或制表符）。 但似乎WebBrowser控件忽略了這些縮進。

有人能告訴我怎么做？

Answer 1

我喜歡將我的代碼粘貼到Gist中 ，然后以這種方式顯示它。 Github將識別代碼並相應地格式化它。

如果你經常這樣做，你可以嘗試降價 。

或者使用像Syntax Highlighter這樣的一次性格式化程序。

Answer 2

<pre>元素 （使用具有適當類名的<code>元素標記要突出顯示語法的部分）

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

Answer 3

您可能希望查看此JavaScript庫以突出顯示和格式化代碼。 http://code.google.com/p/syntaxhighlighter/

或者你可以查看這樣的服務 - http://pygments.appspot.com/或者這個 - http://hilite.me/