我正在使用Prettify.js和css为我的网站,但它不工作的超文本标记语言
假设我有这样的HTML:
<div style="padding:3px 0px">
<asp:Label ID="lblTotalAns" runat="server" Text="0 Answers" CssClass="ansHeading" />
</div>
它将如何通过美化来渲染?
发布于 2012-03-08 16:37:27
您必须将<
更改为<
,将>
更改为>
,否则您的代码将由浏览器呈现。所以你的代码必须看起来像这样:
<pre class="prettyprint">
<div style="padding:3px 0px">
<asp:Label ID="lblTotalAns" runat="server" Text="0 Answers" CssClass="ansHeading" />
</div>
</pre>
我已经用您的html源创建了一个简单的示例:http://jsfiddle.net/aSb76/。
在prettify tests source和result page中也可以看到这一点。
README中描述了如何包含prettify.js的基本设置。
我对ASP中的转义毫无头绪,但是在Google的第一个搜索结果中出现了类似'asp encode html entities‘这样的东西,出现了<%= Server.HTMLEncode(sValue) %>
。也许你可以用这个。
发布于 2012-03-11 04:07:31
我想提出一个替代的解决方案,通过它你可以获得你想要的相同的结果(我假设) (=语法突出显示的HTML代码嵌入在网页中)。
Github有一个整洁的服务(称为Gist),用于在线保存小代码片段,它允许:
HTML中代码片段的语法highlighting
在这里,您可以在Github Gist:https://gist.github.com/2012701上看到示例标记
在这里,您可以看到它嵌入在HTML中:http://jsfiddle.net/6YHDu/
如果您想要突出显示语法的代码是动态生成的(不是手动输入的),那么忘记我的建议,使用Prettify.js,否则Gist是一个非常用户友好的替代方案。
发布于 2012-03-14 16:35:23
您可以这样使用它:
在您的<head>
元素中:
<link href="prettify.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="prettify.js"></script>
在您的<body>
元素中:
<body onload="prettyPrint()">
<div style="padding:3px 0px">
<asp:Label ID="lblTotalAns" runat="server" Text="0 Answers" CssClass="ansHeading" />
</div>
</body>
https://stackoverflow.com/questions/9198169
复制相似问题