如何prettify.js编码的HTML页面

上

显示我使用Prettify.js和CSS我的网站，但它不工作的HTML如何prettify.js编码的HTML页面

比方说，我有HTML这样的：

<div style="padding:3px 0px"> 
    <asp:Label ID="lblTotalAns" runat="server" Text="0 Answers" CssClass="ansHeading" /> 
</div>

如何它会通过美化来渲染？

来源

2012-02-08 Ali Adravi

您必须更改<至<和>至>否则您的代码将被浏览器渲染。所以，你的代码必须是这样的：

<pre class="prettyprint"> 
    &lt;div style="padding:3px 0px"&gt; 
    &lt;asp:Label ID="lblTotalAns" runat="server" Text="0 Answers" CssClass="ansHeading" /&gt; 
    &lt;/div&gt; 
</pre>

我已经创建了您的HTML源代码一个简单的例子：http://jsfiddle.net/aSb76/

这也可以在prettify tests source和result page可以看出。

上HOWTO基本设置包括在README描述prettify.js。

我对ASP中的转义没有任何线索，但谷歌的第一个搜索结果像'asp编码html实体'带来了<%= Server.HTMLEncode(sValue) %>。也许你可以使用它。

来源

2012-03-08 08:37:26 tonymarschall

您可以使用HTML编码此如http：/ /www.opinionatedgeek.com/DotNet/Tools/HTMLEncode/Encode.aspx – Sivan 2015-01-29 06:09:43

我想提出一个替代的解决方案，通过它，你可以达到同样的效果（我认为），你想获得（=语法高亮显示HTML代码嵌入网页）。

Github上有一个用于在线储蓄少的代码片段一个整洁的服务（称为GIST），它允许：

语法高亮
嵌入代码片段在你的HTML（与1）

在这里你可以看到在Github上吉斯特您的示例标记：https://gist.github.com/2012701

在这里，你可以看到它嵌入在HTML：http://jsfiddle.net/6YHDu/

如果要显示突出显示语法的代码是动态生成的（不是手动输入），则忘记我的提议并使用Prettify.js，否则Gist是非常用户友好的选择。

来源

2012-03-10 20:07:31 Temaruk

我同意@tonymarschall我发现this的选择，如果你正在寻找一个。他们说，你可以用它代替，你不会有装饰用丑陋& LTS你的代码也许有与Prettify.js参与以及一些逃生？毕竟它是由谷歌！

来源

2012-03-13 19:15:54

你会使用这样的：

在你<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>

来源

2012-03-14 08:35:22 Milap

如何prettify.js编码的HTML页面

回答

相关问题