使用dp.SyntaxHighlighter加亮源代码脚本

dp.SyntaxHighlighter语法高亮介绍

最新推荐文章于 2025-11-28 06:24:21 发布

转载最新推荐文章于 2025-11-28 06:24:21 发布 · 2.8k 阅读

文章标签：

#javascript #class #stylesheet #delphi #basic #python

前台技术专栏收录该内容

95 篇文章

订阅专栏

dp.SyntaxHighlighter是一款支持多种编程语言的语法高亮工具，包括C#、CSS、C++等12种语言。只需在网页头部和尾部引入特定样式表和脚本文件即可轻松实现代码高亮，同时还提供查看原始代码、复制到剪贴板等功能。

1.5版本的dp.SyntaxHighlighter支持12种编程语言：C#、CSS、C++、Delphi、Java、JavaScript、PHP、Python、Ruby、SQL、Visual、Basic、XML/HTML。
dp.SyntaxHighlighter的使用非常简单，你只需在源代码页的页面头部、尾部分别导入下面代码。

头部：

href="/blog/Styles/TestPages.css" rel="stylesheet" type="text/css"

尾部：

<mce:script class="javascript" src="/blog/Scripts/shCore.js" mce_src="blog/Scripts/shCore.js"></mce:script> <mce:script class="javascript" src="/blog/Scripts/shBrushCSharp.js" mce_src="blog/Scripts/shBrushCSharp.js"></mce:script> <mce:script class="javascript" src="/blog/Scripts/shBrushPhp.js" mce_src="blog/Scripts/shBrushPhp.js"></mce:script> <mce:script class="javascript" src="/blog/Scripts/shBrushJScript.js" mce_src="blog/Scripts/shBrushJScript.js"></mce:script> <mce:script class="javascript" src="/blog/Scripts/shBrushJava.js" mce_src="blog/Scripts/shBrushJava.js"></mce:script> <mce:script class="javascript" src="/blog/Scripts/shBrushVb.js" mce_src="blog/Scripts/shBrushVb.js"></mce:script> <mce:script class="javascript" src="/blog/Scripts/shBrushSql.js" mce_src="blog/Scripts/shBrushSql.js"></mce:script> <mce:script class="javascript" src="/blog/Scripts/shBrushXml.js" mce_src="blog/Scripts/shBrushXml.js"></mce:script> <mce:script class="javascript" src="/blog/Scripts/shBrushDelphi.js" mce_src="blog/Scripts/shBrushDelphi.js"></mce:script> <mce:script class="javascript" src="/blog/Scripts/shBrushPython.js" mce_src="blog/Scripts/shBrushPython.js"></mce:script> <mce:script class="javascript" src="/blog/Scripts/shBrushRuby.js" mce_src="blog/Scripts/shBrushRuby.js"></mce:script> <mce:script class="javascript" src="/blog/Scripts/shBrushCss.js" mce_src="blog/Scripts/shBrushCss.js"></mce:script> <mce:script class="javascript" src="/blog/Scripts/shBrushCpp.js" mce_src="blog/Scripts/shBrushCpp.js"></mce:script> <mce:script class="javascript"></mce:script>

你现在看到的这个页面的源代码加亮功能就是使用dp.SyntaxHighlighter，感觉效果比较清爽。
还有就是他还提供了高亮显示之外的其他四个功能:view plain、copy to clipboard、print、?

下载地址：http://code.google.com/p/syntaxhighlighter/downloads/list