如何在 Highlights.js 中显示 HTML 标记

Question

我正在研究 this demo。为什么我无法在 highlights.js 片段荧光笔库中呈现 HTML 标记？

<pre><code class="html">
 <a role="button" class="btn btn-default btn-block">Item 4</a>
</code></pre>

$(document).ready(function() {
  $('pre code').each(function(i, e) {hljs.highlightBlock(e)});
});

Answer 1

您发送的代码实际上是正确的，但我猜 Fiddle 上有一些字符已转义或未翻译。所以正如迈克所建议的那样，你必须逃避 html:

<pre><code class="html">
  &lt;a role="button" class="btn btn-default btn-block"&gt;Item 4&lt;/a&gt;
</code></pre>

http://jsfiddle.net/ng4tkw5j/2/

我试过使用其他语言，如 PHP，效果很好：http://jsfiddle.net/x3NXY/

如何在 Highlights.js 中显示 HTML 标记

How to display HTML markup in Highlights.js

javascript

syntax-highlighting