FCKeditor语法高亮显示让代码高亮着色插件

FCKeditor是现在最为流行的开源编辑器，语法高亮显示是一个用射流研究…实现的代码高亮显示插件，可以最小化修改您的程序实现效果，最终效果截图

演示网页：下载FCKeditor语法高亮显示插件包：fck _ SyntaxHighlighter我们打包版下面分步介绍如何在FCKeditor环境中使用语法高亮显示。后台FCKeditor编辑器的修改1、将包解压后，把插入代码文件夹上传到FCKeditor编辑器的编辑器\插件\目录下，然后修改FCKeditor编辑器的fckconfig.js此文件，在此文件中FCKConfig .PluginsPath=FCKConfig .基本路径“plugins/”；下面加入以下代码：FCKConfig .插件。添加(“插入代码”)；

2、打开FCKeditor编辑器的编辑\lang文件夹里的zh-cn.js，在DlgDivInlineStyle : 'CSS样式',(注意这句后面一定要加一个逗号",")下面加入以下代码//PluginsInsertCodeBtn : '插入代码'

3、修改FCKeditor编辑器的fckconfig.js文件，在编辑器控制面板中加入按钮，在调用工具栏参数的媒体后面加入插入代码（注意正确加上标点符号，否则会报错)。如下所示：FCKConfig .* *设置['标准']=[['源','粘贴','粘贴文本','粘贴单词','-','撤消','重做','-','粗体','斜体','下划线','删除线','文本颜色','表格','-','调整左','调整中','调整右','排序列表','未调整列表','-','图像','附加','闪存','媒体','插入代码'],完成以上操作后，此时启动FCKeditor编辑器应该在编辑器的**上多了一个图标，点击此图标即可添加你的代码了。如果报错，提示找不到工具项，那是FCKeditor的缓存没清除，退出后台或更新缓存，刷新一下，重新进入就可以看到代码插入图标了。前台显示页面的语法高亮显示调用

1、将包解压后把句法文件夹上传到前台根目录下的射流研究…文件夹中。

2、在需要进行高亮显示处理的超文本标记语言页面中增加语法高亮显示控制代码，将如下代码，插入到超文本标记语言页面的页眉与/header之间：

脚本类型=' text/JAVAScript ' src=' http :/js/语法/scripts/shcore。js '/脚本脚本类型=' text/JAVAScript ' src=' http :/js/语法/剧本/华丽。js /脚本类型=' text/JAVAScript ' src=' http :/js/语法/scripts/shbrsall。js/语法/style/stylesyntaxhighlight。all()；/script font face=' Courier New ' style='底色： # f8f8 ' 2，在前台页的半铸钢钢性铸铁(铸造半钢)文件中增加如下样式控制半铸钢钢性铸铁(铸造半钢)代码（这段也可以不加，只是为了更美观):/font。codeHead { font-weight : bold；font-size : 12pxpadding: 5px左衬垫左侧： 15px背景# fffborder-bottom: 1px实心# ddd}。codeText {边框： 1px实心# DDD；宽度： 98%;飞越：汽车；余量： 0 0 1.1毫米；padd : 0；断字：断字；背景# ffffont: 12px 'Courier New '，Monospace}。codeText ol {list-style:十进制-前导零；margin : 0 1px 0 45 xpadd : 5px 0；color: # 5C5C5C边框-左侧： 1px实心# ddd背景# fff}。代码文本ol Li { list-style-type :十进制；左填充： 10px背景： # FFF；}.李。alt {背景： # FFF；}.li span { color: # 000}注意：这样的前台调用路径为/js/语法/是因为我上传到了这个路径，此路径根据你的需要可修改。应为你实际上传的路径。

至此修改全部结束，如果你在修改中遇到什么问题，欢迎与我们交流，tech#cncms.com

补充：有朋友反映加载时卡了才可以显示页面。原因是页面加载时JS开始运行，代码是彩色的。解决方法是对代码进行着色。推迟执行就好。让我们稍微修改一下上面的代码：

脚本类型=' text/JavaScript ' syntaxhighlight . config . clipboard swf='/js/语法/scripts/clipboard . swf '；syntaxhighlight . all()；/script更改为：

脚本类型=' text/JavaScript ' syntaxhighlight . config . clipboard swf='/js/语法/scripts/clipboard . swf '；setTimeout(' syntaxhighlighlight . all()；' ,300);/script这样改了之后，加载的时候就感觉不到卡了。