More Related Content
More from wensheng wei (20)
dp.SyntaxHighlighter介绍：在网页中加亮显示源代码的工具...
- 1. dp.SyntaxHighlighter 介绍：在网页中加亮显示源代码的工具 [原创 ]
这两天发现一个老外用 JavaScript 编写的好东西：dp.SyntaxHighlighter。它可以在网页中对各种程序源代码
语法进行加亮显示。支持当前流行的各种编程语言：C#、CSS、C+
+、Delphi、Java、JavaScript、PHP、Python、Ruby、SQL、Visual Basic、XML / HTML
下载地址：http://www.dreamprojections.com/syntaxhighlighter/
演示地址：http://www.dreamprojections.com/syntaxhighlighter/Tests/PHP.html
使用方法：
1、假设网页文件 test.htm 存放在一个目录，则将 dp.SyntaxHighlighter 解压缩到该目录下的子目录，假设为
images
2、在网页的<head></head>之间插入以下代码：
view plainprint?
1. <link
type="text/css" rel="stylesheet" href="images/Styles/SyntaxHighlighter.css"></link>
3、在网页要显示程序源代码的地方插入以下代码（其中的 class="js"表示以 js 语法显示源代码，其他可设定的
class 值分别为 c#、css、c、delphi、java、js、php、python、ruby、sql、vb、xml）：
view plainprint?
1. <textarea name="code" class="js" rows="15" cols="100">
2. 程序源代码放在这儿
3. </textarea>
4、在网页尾部的</body>之前插入以下代码：
view plainprint?
1. <script class="javascript" src="images/Scripts/shCore.js"></script>
2. <script class="javascript" src="images/Scripts/shBrushCSharp.js"></script>
3. <script class="javascript" src="images/Scripts/shBrushPhp.js"></script>
4. <script class="javascript" src="images/Scripts/shBrushJScript.js"></script>
5. <script class="javascript" src="images/Scripts/shBrushJava.js"></script>
6. <script class="javascript" src="images/Scripts/shBrushVb.js"></script>
7. <script class="javascript" src="images/Scripts/shBrushSql.js"></script>
8. <script class="javascript" src="images/Scripts/shBrushXml.js"></script>
9. <script class="javascript" src="images/Scripts/shBrushDelphi.js"></script>
10. <script class="javascript" src="images/Scripts/shBrushPython.js"></script>
11. <script class="javascript" src="images/Scripts/shBrushRuby.js"></script>
12. <script class="javascript" src="images/Scripts/shBrushCss.js"></script>
13. <script class="javascript" src="images/Scripts/shBrushCpp.js"></script>
14. <script class="javascript">
15. dp.SyntaxHighlighter.HighlightAll('code');
16. </script>
![dp.SyntaxHighlighter 介绍：在网页中加亮显示源代码的工具 [原创 ]
这两天发现一个老外用 JavaScript 编写的好东西：dp.SyntaxHighlighter。它可以在网页中对各种程序源代码
语法进行加亮显示。支持当前流行的各种编程语言：C#、CSS、C+
+、Delphi、Java、JavaScript、PHP、Python、Ruby、SQL、Visual Basic、XML / HTML
下载地址：http://www.dreamprojections.com/syntaxhighlighter/
演示地址：http://www.dreamprojections.com/syntaxhighlighter/Tests/PHP.html
使用方法：
1、假设网页文件 test.htm 存放在一个目录，则将 dp.SyntaxHighlighter 解压缩到该目录下的子目录，假设为
images
2、在网页的<head></head>之间插入以下代码：
view plainprint?
1. <link
type="text/css" rel="stylesheet" href="images/Styles/SyntaxHighlighter.css"></link>
3、在网页要显示程序源代码的地方插入以下代码（其中的 class="js"表示以 js 语法显示源代码，其他可设定的
class 值分别为 c#、css、c、delphi、java、js、php、python、ruby、sql、vb、xml）：
view plainprint?
1. <textarea name="code" class="js" rows="15" cols="100">
2. 程序源代码放在这儿
3. </textarea>
4、在网页尾部的</body>之前插入以下代码：
view plainprint?
1. <script class="javascript" src="images/Scripts/shCore.js"></script>
2. <script class="javascript" src="images/Scripts/shBrushCSharp.js"></script>
3. <script class="javascript" src="images/Scripts/shBrushPhp.js"></script>
4. <script class="javascript" src="images/Scripts/shBrushJScript.js"></script>
5. <script class="javascript" src="images/Scripts/shBrushJava.js"></script>
6. <script class="javascript" src="images/Scripts/shBrushVb.js"></script>
7. <script class="javascript" src="images/Scripts/shBrushSql.js"></script>
8. <script class="javascript" src="images/Scripts/shBrushXml.js"></script>
9. <script class="javascript" src="images/Scripts/shBrushDelphi.js"></script>
10. <script class="javascript" src="images/Scripts/shBrushPython.js"></script>
11. <script class="javascript" src="images/Scripts/shBrushRuby.js"></script>
12. <script class="javascript" src="images/Scripts/shBrushCss.js"></script>
13. <script class="javascript" src="images/Scripts/shBrushCpp.js"></script>
14. <script class="javascript">
15. dp.SyntaxHighlighter.HighlightAll('code');
16. </script>](https://image.slidesharecdn.com/5132165/85/dp-SyntaxHighlighter-1-320.jpg)
