2016-09-29 2 views
0

Можете ли вы, пожалуйста, посмотри на This Demo и дайте мне знать, почему я не может для визуализации HTML-разметки в highlights.js сниппета библиотеке выделителя?не может отобразить HTML разметку в Highlights.js

<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

Нет представления о библиотеке Highlights, но в вашей скрипке у вас есть две разные версии ... –

+0

Спасибо, Майк, это странно, не знаю, откуда пришел второй !? –

+1

Для ответа я считаю, что вам все равно придется скрывать HTML в блоке 'code'. Другими словами, используйте '< a role =" button "... </a>' –

ответ

0

Арф слишком поздно, то код, что и отправить это на самом деле правильно, но я предполагаю, что на скрипку есть некоторые символы, которые были бежать или не переводить. Так, как предложил Майк, и есть, чтобы избежать 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/

Смежные вопросы