最新PHPCMS V9编辑器代码高亮显示亲测可用(提前格

很多朋友喜欢用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编辑器后台

前台页面的高亮显示



相关
极客网企业会员

免责声明:本网站内容主要来自原创、合作伙伴供稿和第三方自媒体作者投稿,凡在本网站出现的信息,均仅供参考。本网站将尽力确保所提供信息的准确性及可靠性,但不保证有关资料的准确性及可靠性,读者在使用前请进一步核实,并对任何自主决定的行为负责。本网站对有关资料所引致的错误、不确或遗漏,概不负任何法律责任。任何单位或个人认为本网站中的网页或链接内容可能涉嫌侵犯其知识产权或存在不实内容时,应及时向本网站提出书面权利通知或不实情况说明,并提供身份证明、权属证明及详细侵权或不实情况证明。本网站在收到上述法律文件后,将会依法尽快联系相关文章源头核实,沟通删除相关内容或断开相关链接。