如何使用SyntaxHighlighter进行代码高亮

avatar
作者
筋斗云
阅读量:1

SyntaxHighlighter 是一款用于代码高亮的 JavaScript 库,它可以将代码转换成不同颜色和格式的标记,使得代码更易于阅读和理解。

以下是如何在网页中使用 SyntaxHighlighter 的步骤:

  1. 下载 SyntaxHighlighter

首先需要下载 SyntaxHighlighter 库文件,可以从官方网站 http://syntaxhighlighter.org/ 下载最新版本的文件。

  1. 引入 SyntaxHighlighter

将下载好的 SyntaxHighlighter 文件放到你的网站目录中,然后在 HTML 文件中引入所需的 CSS 和 JS 文件。例如:

<link rel="stylesheet" href="path/to/shCore.css">
<link rel="stylesheet" href="path/to/shThemeDefault.css">
<script src="path/to/shCore.js">script>
<script src="path/to/shBrushJavascript.js">script>

其中 path/to/ 为文件所在的路径。

  1. 使用 SyntaxHighlighter

在 HTML 文件中需要高亮的代码块前添加一个

 标签,并设置一个唯一的 class 属性,例如:

<pre class="brush:javascript;">
// 你的 JavaScript 代码
pre>

其中 brush:javascript; 表示使用 JavaScript 语言高亮。

  1. 初始化 SyntaxHighlighter

最后在 HTML 文件中添加一个 jindouyun.cn. All Rights Reserved. 筋斗云 版权所有 | 粤ICP备13013545号 | 增值电信业务经营许可证: 粤B1-20215235 | 公网安备粤公网安备 44070302000974号
违法和不良信息举报中心违法和不良信息举报中心   24 小时违法和不良信息举报热线:4006783389,举报邮箱:jubao@jindouyun.cn
ipv6

嘿,我是微信客服!