Mar 15, 2007
(dp.SyntaxHighlighter)JS源代码加亮脚本

dp.SyntaxHighlighter一款基于js的客户端源代码加亮脚本。
支持大多数编程语言，如:css,c#,c++,vb,delphi,js,php,ruby,sql,html等等。
目前这个blog的源代码加亮功能就是使用dp.SyntaxHighlighter，感觉效果比较清爽。
其它的还有基于PHP的GeSHi

dp.SyntaxHighlighter的使用方法较简单，在需要进行源代码加亮的页面头部、尾部分别导入下面代码：

  1. <!-- 在头部导入css样式表 -->  
  2. <LINK href="SyntaxHighlighter.css" type=text/css rel=stylesheet></LINK>  
  3. <SCRIPT language=javascript src="/exblog2/js/3part/SyntaxHighlighter/Scripts/shCore.js"></SCRIPT>  
  4. <SCRIPT language=javascript src="/exblog2/js/3part/SyntaxHighlighter/Scripts/shBrushJava.js"></SCRIPT>  
  5. <SCRIPT language=javascript src="/exblog2/js/3part/SyntaxHighlighter/Scripts/shBrushJScript.js"></SCRIPT>  
  6. <SCRIPT language=javascript src="/exblog2/js/3part/SyntaxHighlighter/Scripts/shBrushPhp.js"></SCRIPT>  
  7. <SCRIPT language=javascript src="/exblog2/js/3part/SyntaxHighlighter/Scripts/shBrushXml.js"></SCRIPT>  
  8. <SCRIPT language=javascript src="/exblog2/js/3part/SyntaxHighlighter/Scripts/shBrushCss.js"></SCRIPT>  
  9.   
  10. <!-- name属性的值在下面的js方法中的参数 -->
  11. <!-- class属性的表示源代码的种类，这里是javascript -->
  12. <TEXTAREA class=javascript name=code rows=10 cols=60>
  13. function msg() {   
  14.         alert("hello world!");   
  15.     }   
  16. </pre></TEXTAREA>  
By hee on Mar 15, 2007 17:03 PM | | Comments (0) | WEB
 

本文相关评论|Comments

 

发表该文评论|Send Comment