欢迎来到站长天空!

PHPCMS

当前位置: 主页 > CMS教程 > PHPCMS

PHPCMS V9 ckeditor编辑器代码高亮显示(附插件)

时间:2025-11-16 10:05:54|栏目:PHPCMS|点击:

今天分享一个简单的方法,来实现ckeditor编辑器上添加代码高亮功能,希望对大家有用,效果见本站。

最新PHPCMS V9文章中实现代码高亮显示的功能,以下是教程及相关代码:

【第一步】 下载phpcms v9代码高亮(请根据自身情况自行转码)压缩包,里面有所需要的文件

【第二步】 将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" />,或者直接把css代码写到现有的css文件中去。

以上代码,经测试完全可以使用。。

插件下载https://pan.baidu.com/s/1rCZsB6YENcOHqTS2n85UPw


上一篇:phpcms v9取组图的第一张或第N张图为缩略图

栏    目:PHPCMS

下一篇:PHPCMS V9相关文章自动调用的实现方法

本文标题:PHPCMS V9 ckeditor编辑器代码高亮显示(附插件)

本文地址:https://zz.feitang.co/CMSjiaocheng/26375.html

广告投放 | 联系我们 | 版权申明

申明:本站所有的文章、图片、评论等,均由网友发表或上传并维护或收集自网络,属个人行为,与本站立场无关。

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:257218569 | 邮箱:257218569@qq.com

Copyright © 2018-2025 站长天空 版权所有 Powered by EyouCms冀ICP备14023439号