title: How to escape html inside a html tooltip
body: <p>I'm trying to print a tooltip with HTML, but I need to espace some of these html. I tried something but without success. </p>
  
  <p>Here is my example: <a href="http://jsfiddle.net/wrsantos/q3o1e4ut/1/" rel="nofollow noreferrer">http://jsfiddle.net/wrsantos/q3o1e4ut/1/</a></p>
  
  <p>In this example I want to escape all html inside of &lt;code&gt;.</p>
  
  <pre><code>&lt;span rel="tooltip" 
      data-toggle="tooltip" 
      data-trigger="hover" 
      data-placement="bottom" 
      data-html="true" 
      data-title="&lt;table&gt;&lt;tr&gt;&lt;td style='color:red;'&gt;complex&amp;nbsp;&lt;/td&gt;&lt;td&gt;HTML:&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;code&gt;&amp;lt;html&amp;gt;&lt;/code&gt;"&gt;
      hover over me to see html
  &lt;/span&gt;
  </code></pre>
  
  <p>Javascript:</p>
  
  <pre><code>$('[rel="tooltip"]').tooltip();
  </code></pre>
  
  <p><strong>EDIT:</strong></p>
  
  <p>this is <strong>not</strong> a duplicate for (<a href="https://stackoverflow.com/questions/13704789/can-i-use-complex-html-with-twitter-bootstraps-tooltip">Can I use complex HTML with Twitter Bootstrap&#39;s Tooltip?</a>)</p>
  
  <p>I want something like a "mixed mode" from html and non html tooltip.</p>
  
  <p>In a tooltip I will have stylized content and non stylized content (the non stylized content will be inside a &lt;code&gt; tag).</p>