2016-09-29 65 views
0

您可以看看This Demo并让我知道为什么我无法在highlights.js代码段高亮度库中呈现HTML标记吗?无法在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)}); 
}); 
+0

约亮点库不知道,但在你的小提琴中,你有两个不同的版本... –

+0

感谢迈克,这是奇怪的不知道第二个来了! –

+1

对于答案,我相信你仍然需要在'code'块内转义HTML。换句话说,使用'< a role =“按钮”... </a>' –

回答

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/