代码着色

网站上插入代码，如果不对其进行着色，可读性就比较差。所以对代码进行着色，有利于读者的理解。网上有许多关于这个的文章，这里我也记录点自己的小小见解，以下说的比较啰嗦，希望对您有所帮助。

第一步、下载这个SyntaxHighlighter插件，网上很多，随便搜都有的下载；

第二步、将该插件放入你的工程中，路径自己要弄好；

第三步、在要用到的页面加入该引用的Js和Css文件，有两个是必须的

 <link href="dp.SyntaxHighlighter/Styles/SyntaxHighlighter.css" rel="stylesheet" type="text/css" />  
 <script src="dp.SyntaxHighlighter/Scripts/shCore.js" type="text/javascript"></script>  

余下的js是根据您所发布的文章语言（js、c#、java...）等等来区别的，此处以C#为例，引入以下文件 

<script src="dp.SyntaxHighlighter/Scripts/shBrushCSharp.js" type="text/javascript"></script>

有可能还需要引入以下两个文件：

 <script src="dp.SyntaxHighlighter/Uncompressed/shCore.js" type="text/javascript"></script>
 <script src="dp.SyntaxHighlighter/Uncompressed/shBrushCSharp.js" type="text/javascript"></script>

 

这两个文件是不是必须的，由于写这个的时间仓促，没来得及测试，希望测试过的朋友告知。总之，最前面那三个文件是必须的（我指的是针对C#，如果是java当然得引入别的文

件啦）；

第四步： 引入一个js代码，目的是在加载时就显示已经着色过的代码，代码如下：

<script language='javascript'>

    window.onload = function () {

        dp.SyntaxHighlighter.ClipboardSwf = './SyntaxHighlighter/Scripts/clipboard.swf';//请自己看这个文件clipboard.swf的位置，然后写它的路径

        dp.SyntaxHighlighter.HighlightAll("code");//code为textarea的name属性

    };

</script>

 

第五步：将需要着色的代码写在一下标签中： <textarea name='code' class='c#'> 将要着色的代码放在此处 </textarea> 这样就可以了。以上就足够使代码着色，这个功能在头部自带了一些操作按钮，比如复制之类的，初始化是英文，可以将其设置为中文，具体还没研究过，用过的人希望您告知下

，谢谢。 在用这个东西的时候遇到个问题，它这个插件也能识别<pre name="code" class="c#"></pre>标签，但是在使用过程中，我如果代码里面存着其它html标签，则可能导致代码不能

被着色，一个可能的原因是我有的时候想显示图片，如果在提交所写文章时对其进行替换，这样工作量将会很大，而且有可能将图片也给替换得不能显示。所以个人觉得还是使用

textarea标签比较好。以上纯属个人愚见，欢迎批评，谢谢。。。