A-A+

最新PHPCMS V9编辑器代码高亮显示——亲测可用

2013年11月23日 PHP开源系统 评论 9 条 阅读 252 views 次

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

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

【第二步】 将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编辑器后台

01

前台页面的高亮显示

02

标签:

9 条留言  访客:9 条  博主:0 条

  1. 社新社

    留言是审核的吗?夏日好几天不更新了么。

    • smiling

      留言不是审核的,同步出现,嗯,最近打理的时间少了。

  2. 好吃的零食

    技术流,厉害哦

  3. 宋镇江

    没关注过这些东西。 文章很少做特效的。

  4. 海棠秋客

    不错,支持博主

  5. 宿迁波仔博客

    博主,编辑框有没有ASP下的,比较简洁的?

    • smiling

      这个应该同样适用ASP。

  6. Louis Han

    嗯 看起来还是很正统的

  7. 叶雁博客

    多谢博主关心,看见博主的博客我羞愧好多,我做的太少了,感谢博主为我们分享这么多有用的知识

给我留言