1.访问highlight.js官网,勾选你需要的语言,然后点击download
按钮开始下载highlight.js插件。
下载地址:https://highlightjs.org/download/
2.将下载好的文件目录拷贝到项目中,在html页面中引用
下面的文件和脚本代码:
<link rel="stylesheet" href="/highlight/styles/default.css">
<script src="/highlight/highlight.pack.js"></script>
<script>hljs.initHighlightingOnLoad();</script>
上述代码中的css文件也可以替换为其他的css主题文件,详见style目录。
调用hljs.initHighlightingOnLoad()
方法是为了初始化hljs对象,而且它会自动检测你的代码,然后自动加上对应的高亮标签。
3.使用<pre class="html"><code>...</code>
标签来显示html代码,这里的class中的值设置为code标签中的代码所属的编程语言,如果是java,就设置为"java",是javascript就设置为"javascript"。
代码示例如下:
<pre>
<code class="html">
<td systemCode="oasystem" configCode=&