2012-09-15 35 views
1

我按照說明谷歌preffify和我得到的是一個框中的東西在它的頁面上。我哪裏做錯了?包括200我得到。谷歌代碼美化不會顯示圖像

<link href="static/js/google-code-prettify/prettify.css" type="text/css" rel="stylesheet" /> 
<script type="text/javascript" src="static/js/google-code-prettify/prettify.js"></script> 


<body onload="prettyPrint()"> 


     <pre class="prettyprint"><code class="language-html"> 
      <img src="http://cm.g.doubleclick.net/pixel?google_nid=tt&google_cm&avid=9000&tag=alaska&campaign_id=8002" /> 
     </code></pre> 

     <pre class=prettyprint> 
      <img src='http://cm.g.doubleclick.net/pixel?google_nid=tt&google_cm&avid=9000&tag=alaska&campaign_id=8002' /> 
     </pre> 


</body> 
+0

你究竟有什麼期望它 「美化」? ''標記? – Pointy

+0

我敢打賭,你沒有包括'prettify.js'。控制檯說什麼? – sed

回答

2

如果你期待的<img>標籤被美化,這是行不通的;瀏覽器將會解釋它們。

嘗試逃離<等:

&lt;img src="http://cm.g.doubleclick.net/pixel?google_nid=tt&google_cm&avid=9000&tag=alaska&campaign_id=8002" /&gt; 

編輯 —但是,該工具不會出現有一個HTML模塊。

0

逃脫 「<」 和 「>」,將使其工作

<pre class="prettyprint"><code class="language-html"> 
     &lt;img src="http://cm.g.doubleclick.net/pixel?google_nid=tt&google_cm&avid=9000&tag=alaska&campaign_id=8002" /&gt; 
    </code></pre> 

    <pre class=prettyprint> 
     &lt;img src='http://cm.g.doubleclick.net/pixel?google_nid=tt&google_cm&avid=9000&tag=alaska&campaign_id=8002' /&gt; 
    </pre>