如何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頁面

回答

相關問題