使用SyntaxHighlighter实现HTML高亮显示代码的方法_javascript技巧
程序员文章站
2022-05-08 12:59:18
...
http://www.jb51.net/jiaoben/15599.html
syntaxhighlighter是一个小开源项目,它可以在网页中对各种程序源代码语法进行加亮显示。支持当前流行的各种编程语言:
C#、CSS、C++、Delphi、Java、JavaScript、PHP、Python、Ruby、SQL、Visual Basic、XML / HTML
使用方法:
1、假设网页文件test.htm存放在一个目录,则将dp.SyntaxHighlighter解压缩到该目录下的子目录,假设为images
2、在网页的之间插入以下代码:
3、在网页要显示程序源代码的地方插入以下代码(其中的class="js"表示以js语法显示源代码,其他可设定的class值分别为
c#、css、c、delphi、java、js、php、python、ruby、sql、vb、xml):
4、在网页尾部的
syntaxhighlighter是一个小开源项目,它可以在网页中对各种程序源代码语法进行加亮显示。支持当前流行的各种编程语言:
C#、CSS、C++、Delphi、Java、JavaScript、PHP、Python、Ruby、SQL、Visual Basic、XML / HTML
使用方法:
1、假设网页文件test.htm存放在一个目录,则将dp.SyntaxHighlighter解压缩到该目录下的子目录,假设为images
2、在网页的之间插入以下代码:
复制代码 代码如下:
3、在网页要显示程序源代码的地方插入以下代码(其中的class="js"表示以js语法显示源代码,其他可设定的class值分别为
c#、css、c、delphi、java、js、php、python、ruby、sql、vb、xml):
复制代码 代码如下:
4、在网页尾部的
推荐阅读
-
两种简单实现菜单高亮显示的JS类代码_javascript技巧
-
两种简单实现菜单高亮显示的JS类代码_javascript技巧
-
javascript cookie操作类的实现代码小结附使用方法_javascript技巧
-
cnblogs 代码高亮显示后的代码复制问题解决实现代码_javascript技巧
-
javascript实现table选中的行以指定颜色高亮显示的方法_javascript技巧
-
cnblogs 代码高亮显示后的代码复制问题解决实现代码_javascript技巧
-
javascript实现table选中的行以指定颜色高亮显示的方法_javascript技巧
-
使用SyntaxHighlighter实现HTML高亮显示代码的方法_javascript技巧
-
用js查找法实现当前栏目的高亮显示的代码_javascript技巧
-
用js查找法实现当前栏目的高亮显示的代码_javascript技巧