为什么Google Code Prettify会呈现实际代码

时间:2016-07-04 19:29:50

标签: javascript syntax-highlighting google-code-prettify

我正在尝试将html模板显示为代码块中的标记

<div>
    <pre class="prettyprint lang-html">
        <code>
            <%= template %>
        </code>
    </pre>
</div>

但模板实际上是在浏览器中呈现的,而不是代码块中显示的标记。

我已将CDN脚本包含在我的正文标记

<script src="https://cdn.rawgit.com/google/code-prettify/master/loader/run_prettify.js"></script>

1 个答案:

答案 0 :(得分:2)

您仍然需要转义html实体以防止它们显示在页面上。 &<>需要更改为&amp;&lt;&gt;