Highlight.js не работает на Laravel 5.3 Целевая страница

Question

Я разрабатываю блог с Laravel 5.3. На странице Добавить страницу я использую CKEDITOR с плагином кода. В этой области все в порядке. Добавлен код, добавленный в поле textarea плагином.

В целевой страницы я добавил:

<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-код из базы данных.

<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> 

который показан вот так.

<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> 

Таким образом, раздел кода не подсвечивается.

Как это сделать. Что случилось? Мне нужна помощь.

Answer 1

Проблема в том, что код всего HTML экранирован, поэтому браузер не будет интерпретировать его.

Что вы хотите, что только содержание между <code class="language-html">...</code> экранируются, так что браузер отображает контейнер код правильно и что highlight.js может зацепить в объект DOM.