如何在具有漂亮语法的Web页面上显示代码示例样式与堆栈溢出一样?

RSo*_*erg 11 html javascript css asp.net

我希望能够从数据库中提取一些代码示例和/或将文本嵌入到网站中,然后将样本格式化为代码,如屏幕上的方式.虽然屏幕上的文字非常好,但格式将使其更加用户友好.这是怎么做到的?

我想要这个:

 public string MyString ="The Sample Text";


看起来像:

public string MyString = "The Sample Text";
Run Code Online (Sandbox Code Playgroud)


使用答案编辑
我把Gortok的建议,并看着Prettify.js其做正是我所希望的.这是如何实现的.

<head runat="server">
    <script src="Scripts/prettify.js" type="text/javascript"></script>
    <script src="Scripts/jquery-1.3.2.js" type="text/javascript"></script>
    <link href="Scripts/prettify.css" rel="stylesheet" type="text/css"></link>
</head>
<body>
    <code class="prettyprint"> 
        public String HelloString = "New String"; 
    </code>  
    <script language="javascript"> 
        $().ready(function() { 
            prettyPrint(); 
        }); 
    </script> 
</body> 
Run Code Online (Sandbox Code Playgroud)

Geo*_*ker 25

Stack Overflow使用来自Google的prettify.js.


Ada*_*son 7

我使用Alex Gorbatchev的SyntaxHighlighter

http://alexgorbatchev.com/wiki/SyntaxHighlighter

它在Yahoo Developer Network上使用

http://developer.yahoo.com/yui/animation/