javascript - highlightjs 与 html 代码

Question

我如何放置我的 HTML 代码以便 highlight.js 美化它？

我试过了

<pre>
    <code>
        <!-- HTML Prettify -->
        <div>
            <pre class="pre-code-ception"><code> haha </code></pre>
        </div>
    </code>
</pre>

我确实在我的文件末尾放了:

<script type="text/javascript">
    hljs.initHighlightingOnLoad();
</script>

但一切都显示为纯 HTML。

Answer 1

哦，我想我明白了这个问题。您需要转义 <code> 中的 HTML元素，否则它将被解释为 HTML 而不是文本(您希望 HTML 按字面显示，而不是被解释为网页结构的一部分)。

每 < 改变一次至 <和 >至 > ，以及代码示例中的任何其他特殊 HTML 字符。 (如果您正在动态生成页面，大多数语言都有一个实用函数来为您转义 HTML。)