У меня есть плагин tinyMCE в моем угловом приложении, где пользователь может вставить код в базу данных mysql.Как выделить образцы кода через AngularJS с помощью Prismjs и TinyMCE
Я хочу выделить те вставленные коды, извлеченные из моей базы данных.
По этой причине я использовал prismjs, поскольку TinyMCE использует его по default. Я могу настроить и выделить образец кода непосредственно с TinyMCE. Но как только вставляется в базу данных и получить его для отображения образец кода could't выделен хотя я импортировал prism.css и prism.js, а также в моей index.html:
<!DOCTYPE html>
<html>
<head>
<link href="prism.css" rel="stylesheet" />
//...
</head>
//...
<body>
//...
<script src="angular_1_6.min.js"></script>
<script src="MyCtrl.js"></script>
<script src="prism.js"></script>
</body>
</html>
Вот пример в результате строка из моей базы данных:
<pre class="language-markup"><code><div class="alert alert-danger" id="question-error" role="alert" ng-if="showQuestionError">
<button type="button" class="close" data-dismiss="alert" aria-label="Close" ng-click="showQuestionError=false">
<span aria-hidden="true">&times;</span>
</button>
<strong>Erreur ! Merci de vérifier que le titre de la question : </strong>
<ul >
<li>Se termnine par un point d'interrogation (?).</li>
<li>Ne dépasse pas 150 caractères.</li>
<li>Et n'est pas vide.</li>
</ul>
</div></code></pre>
PS: SO разбирает его, как правило, тег DIV тег чуть выше обернут:
<pre class="language-markup"></pre>
Пожалуйста, что я могу сделать?
Пожалуйста, добавьте результирующую строку, которую вы извлекаете из БД. – lin
Выполнено, см. Édit please – kabrice
Я верю, что вам нужно вставить данные в виде неэкранированной строки в TinyMCE. Вы пробовали это? – lin