通过syntaxhighlight实现帝国cms代码高亮语法高亮

通过syntaxhighlight实现帝国cms代码高亮/语法高亮(一)

帝国CMS的在线编辑器默认不插入代码选项，内容页显示代码时也没有代码高亮，给我们造成了很多麻烦。下面详细介绍syntaxhighlight与帝国CMS在线编辑器的集成，完成发表论文中的代码高亮。

一、在帝国cms中应用该软件：

1.免费下载syntaxhighlight软件，详细地址为：
http://alexgorbatchev.com/SyntaxHighlighter/download/download.php?sh_current
2.缓解压力syntaxhighlighter_3.0.83.zip文件;
3.syntaxhighlighter_3.0.83文件夹中的styles、scripts、src文件夹拷贝到ecms中相对的文件夹中。
将sytles中的css文件储放在"skin/default/css/syntaxhighlighter/"文件夹中。留意拷贝的是css文件。
将scripts、src文件夹储放在"skin/default/js/syntaxhighlighter/"文件夹中。留意拷贝的是scripts和src文件夹。
4.在必须代码高亮的内容页加上以下内容：


拷贝代码代码以下:
<linkhref="[!--news.url--]skin/default/css/syntaxhighlighter/shCore.css"_fcksavedurl=""[!--news.url--]skin/default/css/syntaxhighlighter/shCore.css""rel="stylesheet"type="text/css"/>
<linkhref="[!--news.url--]skin/default/css/syntaxhighlighter/shThemeDefault.css"rel="stylesheet"type="text/css"/>
<scriptsrc="[!--news.url--]skin/default/js/syntaxhighlighter/scripts/shCore.js"type="text/javascript"></script>
<scriptsrc="[!--news.url--]skin/default/js/syntaxhighlighter/scripts/shBrushCss.js"type="text/javascript"></script>
<scriptsrc="[!--news.url--]skin/default/js/syntaxhighlighter/scripts/shBrushJScript.js"type="text/javascript"></script>
<scriptsrc="[!--news.url--]skin/default/js/syntaxhighlighter/scripts/shBrushXml.js"type="text/javascript"></script>
<scriptsrc="[!--news.url--]skin/default/js/syntaxhighlighter/scripts/shBrushJava.js"type="text/javascript"></script>
<scripttype="text/javascript">
SyntaxHighlighter.all()
</script>

因为上边的js太多，在网上有些人讲js融合为一个文档，便捷启用。

如下图所示：

5.点一下在线编辑器的“源代码”按键，在源代码主视图黏贴以下代码，如下图所示。

拷贝代码代码以下:
<preclass="brush:java;smart-tabs:true"title="www.ishang123.com">
classFoo{
Tvalue;
}
Gsongson=newGson();
Foofoo=newFoo();
gson.toJson(foo);//Maynotserializefoo.valuecorrectly
gson.fromJson(json,foo.getClass());
</pre>


6.更新内容页，网页页面实际效果如下图所示：

7.到此，大家完成了在在线编辑器里写syntaxhighlight源代码方法完成代码的高亮度。下一节将详细介绍怎样在在线编辑器网页页面加上syntaxhighlight的快捷方式图标。

8。有关syntaxhighlight更详尽的使用方法参照：

http://alexgorbatchev.com/SyntaxHighlighter/manual/configuration/