《CMS技巧:PHPCMS V9 ckeditor編輯器代碼高亮顯示(附插件)》要點：
本文介紹了CMS技巧:PHPCMS V9 ckeditor編輯器代碼高亮顯示(附插件)，希望對您有用。如果有疑問，可以聯系我們。

相關主題：PHPCMS教程

筆者在做維易PHP培訓網的時候,想在ckeditor編輯器上添加代碼高亮功能,今天分享一個簡單的方法,希望對大家有用.

最新PHPCMS V9文章中實現代碼高亮顯示的功能,以下是教程及相關代碼：

【第一步】 下載phpcms v9代碼高亮(gbk版)壓縮包,里面有所需要的文件

【第二步】 將codeblock文件夾復制到 /statics/js/ckeditor/plugins 文件夾下

【第三步】 將content.css復制到 /statics/js/ckeditor 文件夾下(如果有,請覆蓋)

【第四步】 打開 /statics/js/ckeditor/ckeditor.js 文件,找到以下代碼,進行修改

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

【第五步】 打開 /phpcms/libs/classes/form.class.php 文件,查找以下代碼(大約22行),進行修改

['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代碼高亮插件

轉載請注明本頁網址：
http://www.snjht.com/jiaocheng/6031.html