Jak wyświetlić kod źródłowy z wcięciem na stronie internetowej? HTML? CSS?

Question

Chcę pokazać kod źródłowy za pomocą formantu WebBrowser na winFormie. I chcę ozdobić kod źródłowy znacznikami HTML, takimi jak kolor, czcionka i rozmiar. Ale trudno było prawidłowo wyświetlić wcięcie wcięcia.

Dokładniej, mój kod źródłowy jest przechowywany w Ciąg [], a każdy Ciąg zawiera właściwe wcięcie (spacja lub tabulator). Ale wydaje się, że tego rodzaju wcięcia są po prostu ignorowane przez kontrolkę WebBrowser.

Czy ktoś może mi powiedzieć, jak?

Answer 1

<pre> element (używając <code> elements z odpowiednimi nazwami klas do oznaczania części chcesz podświetlanie składni)

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

Answer 2

Chciałbym wkleić mój kod w Gist a następnie wyświetlić go w ten sposób. Github rozpozna kod i odpowiednio go sformatuje.

Jeśli zamierzasz robić to często, możesz spróbować markdown.

Lub użyj jednorazowego formatyzatora, takiego jak Syntax Highlighter.

Answer 3

Możesz zajrzeć do tej biblioteki JavaScript, aby wyróżnić i sformatować swój kod. http://code.google.com/p/syntaxhighlighter/

Albo można sprawdzić usługę takiego - http://pygments.appspot.com/ czy to - http://hilite.me/