您现在的位置是:首页 > 使用教程使用教程
SyntaxHighlighter代码高亮框架使用方法和教程代码
【使用教程】
一、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
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
Tags:
相关文章
- Acrobat Pro 9如何对pdf文件内容进行编辑提取?Acrobat Pro 9对pdf文件内容进行编辑提取的方法
- Acrobat Pro 9怎么安装?Acrobat Pro 9安装教程
- Acrobat Pro 9怎么编辑pdf?Acrobat Pro 9编辑pdf的方法
- 钉钉电脑版怎么关闭自动升级?钉钉电脑版关闭自动升级的方法
- 钉钉电脑版怎么导入员工信息?钉钉电脑版导入员工信息的方法
- ACDSee看图如何设置背景色?ACDSee看图设置背景色的方法
- ACDSee看图在哪开启使用acdsee快速查看?ACDSee看图开启使用acdsee快速查看的方法
- ACDSee看图如何显示隐藏文件?ACDSee看图显示隐藏文件的方法
- ACDSee看图如何启用自动刷新?ACDSee看图启用自动刷新教程
- ACDSee看图如何隐藏非图像文件?ACDSee看图隐藏非图像文件的方法
