语法高亮 开发语言HTML中语法高亮,支持多种语言,现在发现有两个比较好用的,highlight.js 还有一个是谷歌的 prettify 。
highlight.js 官网:https://highlightjs.org/
Git地址:https://github.com/googlearchive/code-prettify
CDN地址:https://www.bootcdn.cn/prettify/
使用注意:
1、google的 prettify需要jquery的支持
2、highlightjs可以在其官网上下载指定的语言js文件,
google的 prettify 使用示例
<html>
<head>
<title>代码高亮GOOGLE版本</title>
<script src="jquery-3.4.1.min.js"></script>
<link href="prettify/prettify.css" rel="stylesheet" />
<script src="prettify/prettify.js"></script>
</head>
<body>
<pre class="linenums lang-cpp">
public static void main(string [] args){
int a = 10;
int b = 10;
int c = a * b;
}
</pre>
<script>
(function() {
$("pre").addClass("prettyprint");
prettyPrint();
})();
</script>
</body>
</html>
highlight.js 使用示例
<html>
<head>
<title>highlight版本</title>
<link rel="stylesheet" href="highlight/styles/default.css">
<script src="highlight/highlight.min.js"></script>
</head>
<body>
<p>官网 https://highlightjs.org/</p>
<pre><code class="language-csharp">
public class Person(){
int a=100;
public Person(int age){
string gender="male";
}
}
</code></pre>
<script>hljs.highlightAll();</script>
</body>
</html>