javascript - stackoverflow.com 使用哪个语法荧光笔插件？ (Razor MVC 的语法高亮插件)

Question

我知道 jquery 插件中的一些 SyntaxHighlighter，例如:

• > http://alexgorbatchev.com/SyntaxHighlighter/
• > http://qbnz.com/highlighter/
• > http://www.gnu.org/software/src-highlite/

......

但是 MVC Razor 不需要:(

需要像 stackoverflow.com 这样的插件在 Razor 中应用代码，就像这样

@Html.ValidationSummary("Create was unsuccessful. Please correct the errors and try again.")
@using (Html.BeginForm()){
<p>
<label for="FirstName">First Name:</label>
@Html.TextBox("FirstName")
@Html.ValidationMessage("FirstName", "*")
</p>
<p>
<label for="LastName">Last Name:</label>
@Html.TextBox("LastName")
@Html.ValidationMessage("LastName", "*") 
</p>
<p>
<label for="gender">Gender:</label>
@Html.RadioButton("gender", "Male", true) Male
@Html.RadioButton("gender", "Female", false) Female
</p>       
<p>
<label for="Password">Password:</label>
@Html.Password("Password")
@Html.ValidationMessage("Password", "*") 
</p>
<p>
<label for="Password">Confirm Password:</label>
@Html.Password("ConfirmPassword") 
@Html.ValidationMessage("ConfirmPassword", "*") 
</p>
<p>
<label for="Profile">Profile:</label>
@Html.TextArea("Profile", new { cols = 60, rows = 10 })
</p>
<p>
@Html.CheckBox("ReceiveNewsletter") 
<label for="termsAndconditions" style="display:inline">I Agree</label>
</p>
<p>
<input type="submit" value="Register" />
</p>
}

有人知道这样做的东西吗？

Answer 1

根据 this Meta thread , Stack Exchange 使用 Googles Code Prettify所以您可能也应该考虑使用它。

特别是关于 Raxor MVC - 如果您查看语法高亮器的工作原理，很容易看出它是如何突出显示您的示例的。

Google Code Prettify 在代码容器上查找类名以确定如何突出显示代码 - 根据我链接到的 Meta 线程，StackExchange 使用 post 标签来确定将什么类名应用于引用的代码块，如果它不能从标签中确定它，那么它...使用默认值!

以下是 StackExchange 如何标记您的 Razor MVC 示例:

<pre class="default prettyprint prettyprinted">
  <code>
    <span class="lit">@Html</span>
    ....
  </code>
</pre>

以下是 StackExchange 如何使用 C# 标记标记帖子中的示例:

<pre class="lang-cs prettyprint prettyprinted">
  <code>
     <span class="kwd">var</span>
     ...
  </code>
</pre>

两者的区别在于您的示例使用默认的语法高亮定义。