无法在Highlights.js中显示HTML标记

时间:2016-09-29 21:11:53

标签: javascript syntax-highlighting

请您查看 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)});
});

1 个答案:

答案 0 :(得分:0)

Arf为时已晚,您发送的代码实际上是正确的,但我想在小提琴上有一些字符已经逃脱或不翻译。 所以迈克建议,你必须逃避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/