谷歌代码美化不会显示图像

时间:2012-09-15 15:39:07

标签: javascript html prettify

我按照说明进行了预设,我得到的只是一个包含在页面上没有内容的方框。我哪里做错了?我得到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>

2 个答案:

答案 0 :(得分: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模块。

答案 1 :(得分:0)

逃避“&lt;”和“&gt;”会让它发挥作用

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