最近PHPCMS V9更新挺频繁的,是好事,让我们更完美的用它的功能,是坏事,以前的教程都不能用了。譬如这篇在PHPCMS V9文章中实现代码高亮显示的功能,之前的教程已经不能用了,所以今天发布这个最新版的教程来实现这个功能,亲测可用。

【第一步】 下载CMS部落文章下方的压缩包,里面有所需要的文件

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

【第三步】 将content.css 和 ckeditor.js 复制到 /statics/js/ckeditor 文件夹下(如果有,请覆盖)

【第四步】 打开 /phpcms/libs/classes/form.class.php ,查找以下代码(大约40行),进行修改
 

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

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

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

效果展示:

PHPCMS V9编辑器后台


相关文件下载:http://www.myboke.cn/uploadfile/2016/0119/20160119105420228.zip


 

返回顶部