完美实现PHPCMS V9编辑器代码高亮显示详解

【第一步】 下载下方的压缩包，里面有所需要的文件

【第二步】 将codeblock文件夹复制到 /statics/js/ckeditor/plugins 文件夹下

【第三步】 将content.css复制到 /statics/js/ckeditor 文件夹下

【第四步】 打开 /statics/js/ckeditor/ckeditor.js 文件，找到以下代码，进行修改

tabletools,templates,toolbar,undo,wsc,wysiwygarea//
添加 codeblok 
修改为tabletools,templates,toolbar,undo,wsc,wysiwygarea,codeblock

【第五步】 打开 /phpcms/libs/classes/form.class.php 文件，查找以下代码（大约再40行），进行修改

['Table','HorizontalRule','Smiley','SpecialChar','PageBreak'],
//增加 CodeBlock 
修改为['Table','HorizontalRule','Smiley','SpecialChar','PageBreak','CodeBlock'],

【第六步】 打开 /phpcms/templates/default/content/header.html模板文件，在head部分引用CSS文件

<link href="{JS_PATH}ckeditor/contents.css" rel="stylesheet" type="text/css" />

效果图（如果没有这个小图标请清除浏览器缓存）：

PHPCMS V9编辑器后台

前台页面的高亮显示

下载地址