2016-09-29 108 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/