-1

私はhighlight.jsを実装しようとしています。私は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として処理され、ページが台無しになります。また、ページで使用しているメインのcss imが内部のタグに適用されます

私のindex.htmlの頭に私は含めました <link rel="stylesheet" type="text/css" href="../css/highlight.css">

本文の終了タグの前に含めました

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

私はドキュメントを読み続けていますが、私が見逃したものを見つけることができないようです.

4

1 に答える 1