2016-11-18 54 views
0

我正在用Laravel 5.3開發Blog。在添加貼文頁面中,我使用帶有代碼片段插件的CKEDITOR。在這方面一切都很好。通過插件添加到textarea字段中的代碼也會突出顯示。Highlight.js不工作在Laravel 5.3目標頁面

在目標頁面中我說:

<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.8.0/styles/default.min.css"> 

在頁面的頁眉部分。

<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.8.0/highlight.min.js"></script> 
<script>hljs.initHighlightingOnLoad();</script> 

在頁面的頁腳部分。

該頁面從數據庫中收到以下html代碼。

&lt;p&gt;The place for Laravel Blade Template.&lt;/p&gt; 
&lt;pre&gt; 
&lt;code class=&quot;language-html&quot;&gt;&lt;div&gt;&lt;h1&gt; 
This is a Header&lt;/h1&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt; 

&lt;p&gt;&nbsp;&lt;/p&gt; 

這是這樣顯示的。

<p>The place for Laravel Blade Template.</p> <pre> 
<code class="language-html"><div><h1>This is a Header</h1></div></code> 
</pre> <p> </p> 

因此,代碼段沒有突出顯示。

我該怎麼做。我的錯是什麼?我需要幫助。

+0

我的解決方案是否有效? – manniL

回答

0

的問題是,該整個HTML代碼被轉義,所以它不會被瀏覽器解釋。

你想要的是只有<code class="language-html">...</code>之間的內容被轉義,以便瀏覽器正確渲染代碼容器,並且highlight.js可以鉤入DOM對象。