Làm cách nào để hiển thị mã nguồn có thụt lề trong một trang web? HTML? CSS?

Question

Tôi muốn hiển thị một số mã nguồn với điều khiển WebBrowser trên một biểu mẫu. Và tôi muốn trang trí mã nguồn bằng các thẻ HTML, chẳng hạn như màu sắc, phông chữ và kích thước. Nhưng tôi thấy khó hiển thị các chỉ số thụt lề đúng cách.

Để chính xác, mã nguồn của tôi được giữ trong String [] và mỗi Chuỗi giữ thụt lề thích hợp (khoảng trống hoặc tab). Nhưng có vẻ như các loại thụt lề này chỉ là bị bỏ qua bằng điều khiển WebBrowser.

Ai đó có thể cho tôi biết cách thực hiện?

Answer 1

Các <pre> element (sử dụng <code> elements với tên lớp thích hợp để đánh dấu những phần bạn muốn nổi bật cú pháp)

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

Answer 2

Tôi muốn dán mã của tôi trong một Gist và sau đó hiển thị nó theo cách đó. Github sẽ nhận ra mã và định dạng nó cho phù hợp.

Nếu bạn định thực hiện thường xuyên, bạn có thể thử markdown.

Hoặc sử dụng trình định dạng một lần như Syntax Highlighter.

Answer 3

Bạn có thể muốn xem thư viện JavaScript này để làm nổi bật và định dạng mã của bạn. http://code.google.com/p/syntaxhighlighter/

Hoặc bạn có thể kiểm tra một dịch vụ như thế này - http://pygments.appspot.com/ hay này - http://hilite.me/