title: How to highlight code samples through AngularJS using Prismjs and TinyMCE
body: <p>I have a tinyMCE plugin in my angular app where the user can insert code into a mysql database.</p>
  
  <p>I want to highlight those inserted codes retrieved from my database.</p>
  
  <p>For that reason,  I used prismjs as TinyMCE uses it by <a href="https://www.tinymce.com/docs/plugins/codesample/" rel="nofollow noreferrer">default</a>.
  I'm able to customize and highlight a code sample directly with TinyMCE. But once inserted in the database and retrieve it for displaying, the code sample could't be highlighted although I imported prism.css and prism.js as well in my index.html:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
      &lt;head&gt;
          &lt;link href="prism.css" rel="stylesheet" /&gt;
          //...
      &lt;/head&gt;
      //...
      &lt;body&gt;
           //...
          &lt;script src="angular_1_6.min.js"&gt;&lt;/script&gt;
          &lt;script src="MyCtrl.js"&gt;&lt;/script&gt;
          &lt;script src="prism.js"&gt;&lt;/script&gt;
       &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Here is an example of a result string from my database:</p>
  
  <pre><code>&lt;pre class="language-markup"&gt;&lt;code&gt;&amp;lt;div class="alert alert-danger" id="question-error" role="alert" ng-if="showQuestionError"&amp;gt;
          &amp;lt;button type="button" class="close" data-dismiss="alert" aria-label="Close" ng-click="showQuestionError=false"&amp;gt;
              &amp;lt;span aria-hidden="true"&amp;gt;&amp;amp;times;&amp;lt;/span&amp;gt;
          &amp;lt;/button&amp;gt;
          &amp;lt;strong&amp;gt;Erreur ! Merci de v&amp;eacute;rifier que le titre de la question : &amp;lt;/strong&amp;gt;
          &amp;lt;ul &amp;gt;
              &amp;lt;li&amp;gt;Se termnine par un point d'interrogation (?).&amp;lt;/li&amp;gt;
              &amp;lt;li&amp;gt;Ne d&amp;eacute;passe pas 150 caract&amp;egrave;res.&amp;lt;/li&amp;gt;
              &amp;lt;li&amp;gt;Et n'est pas vide.&amp;lt;/li&amp;gt;
          &amp;lt;/ul&amp;gt;
      &amp;lt;/div&amp;gt;&lt;/code&gt;&lt;/pre&gt;
  </code></pre>
  
  <p>PS: SO parses it, normally the tag div tag just above is wrapped by :</p>
  
  <pre><code>&lt;pre class="language-markup"&gt;&lt;/pre&gt;
  </code></pre>
  
  <p>Please what can I do ?</p>