首页 > 文章资讯 > 站长教程 > 建站知识 > SyntaxHighlighter代码高亮框架使用方法和教程代码

SyntaxHighlighter代码高亮框架使用方法和教程代码

时间：2023年10月14日

来源：网络

编辑：佚名

一、SyntaxHighlighter介绍
SyntaxHighlighter是一款用于web页面的代码着色工具，可以用来着色多种语言，可以是HTML,CSS,Javascript,还可以是C,JAVA等编程语言。它可以在网页中对各种程序源代码语法进行加亮显示。支持当前流行的各种编程语言：C#、CSS、C++、Delphi、Java、JavaScript、PHP、Python、Ruby、SQL、Visual Basic、XML / HTML。
二、使用教程
1、将下载的SyntaxHighlighter文件解压缩，只保留里面的Scripts文件夹和styles文件夹。
2、在需要美化的网页引入如下代码即可
<link rel="stylesheet" type="text css" href="/static/SyntaxHighlighter/shCoreDefault.css">
<script src=" static="" syntaxhighlighter="" shcore.js" charset="utf-8">
<script>
SyntaxHighlighter.all();
</script></script src="></link rel="stylesheet" type="text>
3、将代码放入pre之间即可。
<pre class="brush:css;toolbar:false;">代码</pre class="brush:css;toolbar:false;">
所有的代码语言我都整理了一个列表，如下：
<pre class="brush:as3;toolbar:false">ActionScript3</pre class="brush:as3;toolbar:false">
Bash/Shell Css C/C++ CodeFunction C# Delphi Diff Erlang Groovy Html Java JavaFx javascript perl php plainText PowerShell Python Ruby Scala Sql Vb Xml

新闻资讯更多

猜你需要