Javascript 代码着色工具 SyntaxHighlighter
来源:互联网 发布:symbian源码 编辑:程序博客网 时间:2024/04/27 17:31
1.首先下载SyntaxHighlighter.
2.解压到SyntaxHighlighter目录中.
3.建立HTML文件:
<pre name="code" class="Ruby">
...Ruby代码...
</pre>
可以应用在pre和textarea两种HTML标签内,name为code,class为要着色的语言,现在支持C, C#, CSS, Delphi, Java, JScript, Php, Python, Ruby, Sql, VB, XML这些语言.
4.加入所需的CSS和JS文件:
<link rel="stylesheet" type="text/css" href="./lib/SyntaxHighlighter/Styles/SyntaxHighlighter.css" />
<script src="./lib/SyntaxHighlighter/Scripts/shCore.js"></script>
<script src="./lib/SyntaxHighlighter/Scripts/shBrushRuby.js"></script>
这里只用了Ruby,其他的类似.
5.接下来就是在window的onload事件内,让SyntaxHighlighter工作起来.
window.onload = function() {
dp.SyntaxHighlighter.ClipboardSwf = './lib/SyntaxHighlighter/Scripts/clipboard.swf';
dp.SyntaxHighlighter.HighlightAll("code");
};
之后,刷新下页面,你就会发现,代码已经被着上了相应的颜色了.
下载地址:http://code.google.com/p/syntaxhighlighter/downloads/list
本文由零度科技 - 星火燎原提供
原文来自:http://blog.00isp.com/technology/javascript/20100211/js_SyntaxHighlighter.html
- Javascript 代码着色工具 SyntaxHighlighter
- SyntaxHighlighter:很优秀的代码着色工具
- 使用SyntaxHighlighter插件对网页上的代码着色
- [经验技术]Kindeditor与SyntaxHighlighter整合实现代码着色
- SyntaxHighlighter异步着色问题
- 代码着色工具2
- 代码着色工具
- 代码着色工具
- SyntaxHighlighter语法着色js库
- 推荐语法着色库SyntaxHighlighter
- 代码高亮javascript 插件 syntaxhighlighter 使用介绍
- SyntaxHighlighter代码加色使用方法
- 代码高亮syntaxhighlighter
- SyntaxHighlighter代码加色使用方法
- dp.SyntaxHighlighter代码分析
- 博客代码美化(SyntaxHighlighter)
- blog中代码的着色工具
- JavaScript代码格式化和语法着色
- SQL Server分页3种方案比拼
- 關於java連接池連接mysql超時報錯的解決文章
- 移动互联网的兴起,不过不知道怎么切入。
- 尝试改写CSS、调用JavaScript方法、运用Request.Form和Request.QuerryString
- 长尾理论读书笔记:第一章 长尾市场
- Javascript 代码着色工具 SyntaxHighlighter
- Principle of Bp Neural network
- asp.net 博客园群
- 多行滚动 jQuery版
- 再论推翻百年集论的真扩集定理(2165字)
- 在××.aspx.cs文件中出现using System.Data.SqlClient;命名空间
- 具备终身学习者的6个细节
- 2009年牛年九星分布图
- Buzz in gmail, a new server, good or not?