在html中实现代码的高亮显示

 <link rel="stylesheet" type="text/css" href="../node_modules/syntaxhighlighter_3.0.83/styles/shCoreDefault.css"/>
 <pre class="brush: js;">
      var myCustomFn = function ShowFn() {
        Ext.Msg.alert(‘消息框‘, "你调用了客户端的JavaScript函数");
     }
 </pre>
 <script src="../node_modules/syntaxhighlighter_3.0.83/scripts/shCore.js"></script>
 <script src="../node_modules/syntaxhighlighter_3.0.83/scripts/shBrushJScript.js"></script>
 <script src="../node_modules/syntaxhighlighter_3.0.83/scripts/shBrushXml.js"></script>
 <script>SyntaxHighlighter.all();</script>

    <link rel="stylesheet" href="../node_modules/highlight/lib/vendor/highlight.js/styles/default.css"/>
    <script src="../node_modules/highlight/lib/vendor/highlight.js/highlight.pack.js"></script>
    <script>hljs.initHighlightingOnLoad();</script>

   <pre>
       <code class="css">
           @font-face {
           font-family: Chunkfive; src: url(‘Chunkfive.otf‘);
           }

           body, .usertext {
           color: #F0F0F0; background: #600;
           font-family: Chunkfive, sans;
           }

           @import url(print.css);
           @media print {
           a[href^=http]::after {
           content: attr(href)
           }
           }
       </code>
   </pre>

   <pre>
       <code class="javascript">
           function foo(){
              alert("aaa");
           }
       </code>
   </pre>

   <pre>
       <code class="html">
           &lt!DOCTYPE html&gt
           &lthtml lang="en"&gt
           &lthead&gt
           &ltmeta charset="UTF-8"&gt
           &lttitle&gt&lt/title&gt
           &lt/head&gt
           &ltbody&gt
           &ltp&gtkjfeiwjoiefj&lt/p&gt
           &lt/body&gt
           &lt/html&gt
       </code>
   </pre>
  

<link rel="stylesheet" href="../css/prism.css"/>
<pre class="language-html">
  <code>
    &lt!DOCTYPE html&gt
    &lthtml lang="en"&gt
    &lthead&gt
    &ltmeta charset="UTF-8"&gt
    &lttitle&gt&lt/title&gt
    &lt/head&gt
    &ltbody&gt
    &ltp&gtkjfeiwjoiefj&lt/p&gt
    &lt/body&gt
    &lt/html&gt
  </code>
</pre>
<script src="../js/prism.js"></script>