建站软件 优化软件 编程软件 网页辅助 站群程序 网站程序 图像处理 资源教程 字体下载 推荐软件


您的位置:首页 > 建站必知 > phpcms使用插件实现代码高亮

phpcms使用插件实现代码高亮

时间:2015-07-09 10:53:26  来源:免费模板网 作者:风雪 阅读次数 tagsphpcms

很在很多网站涉及到代码都是高亮显示,phpcms也开发了这样的后台插件给大家使用。那怎么操作呢,请看下文

很多朋友喜欢用phpcms发布编程类信息,为了用户的良好浏览效果,所以代码高亮不可缺少,这篇信息提供的方法是通过编辑器内就格式化了代码,不是后处理的

最近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编辑器后台

前台页面的高亮显示


 

本文地址:https://www.freemoban.com/jzbz/2015/0709/2297.html

猜你喜欢
栏目推荐
模板推荐

Copyright:www.freemoban.com 免费模板网 All Rights Reserved 网站备案:辽ICP备19014872号-2   辽公网安备 21010602000376号  辽公网安备:42900402000182号

免责声明:本站部分资源来自互联网收集,版权归原创者所有,如果侵犯了你的权益,我们会及时删除侵权内容,联系QQ:1615187561 谢谢合作!