详情页

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
相关文章
猜你需要