Javascript highlight.js：我如何告诉它忽略默认css_Javascript_Html_Css_Syntax Highlighting_Highlight.js

Javascript highlight.js：我如何告诉它忽略默认css

javascript html css

Javascript highlight.js：我如何告诉它忽略默认css,javascript,html,css,syntax-highlighting,highlight.js,Javascript,Html,Css,Syntax Highlighting,Highlight.js,我正在尝试实现highlight.js。我有了index.html和index.html。身体的另一面是 <p>Example code</p> <pre> <code class="html"> <title>Title</title> <style>body {width: 500px;}</style> <script type="applic

我正在尝试实现highlight.js。我有了index.html和index.html。身体的另一面是

<p>Example code</p>
<pre>
  <code class="html">
      <title>Title</title>

      <style>body {width: 500px;}</style>

      <script type="application/javascript">
        function $init() {return true;}
      </script>

      <body>
      <p checked class="title" id='title'>Title</p>
      <!-- comment to be highlighte -->
      </body>
  </code>
</pre>

我一直在阅读文档，但似乎找不到我遗漏了什么

因此，我刚刚发现，如果试图在pre标记中显示html，所有html字符都需要替换。保持一切原样，我将脚本调整为

这就是诀窍。（获取每个代码元素，获取内部html并将其解析回文本）

<script src="../scripts/highlight.pack.js"></script>
<script>
  $(document).ready(function() {
    $('pre code').each(function(i, block) {
      hljs.highlightBlock(block);
     });
   });
</script>

$(document).ready(function() {
    $('pre code').each(function(i, block) {
        var string = $(this).html();
        $(this).text(string);
        hljs.highlightBlock(block);
    });
});