我要投稿

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

站长建站教程

2025-05-29 0 71

最近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文件

复制代码

代码如下:

效果展示：

PHPCMS V9编辑器后台

前台页面的高亮显示

收藏 (0) 打赏

感谢您的支持，我会继续努力的!

打开微信/支付宝扫一扫，即可进行扫码打赏哦，分享从这里开始，精彩与您同在

声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。

快网idc优惠网建站教程最新PHPCMS V9编辑器代码高亮显示亲测可用(提前格式化) https://www.kuaiidc.com/109035.html

PHPCMS 代码高亮编辑器

站长

node.js中的path.dirname方法使用说明

风铃建站模板：电商小程序开发与多商户入驻功能指南

ASP.NET自助建站系统的数据库备份与恢复操作指南

建站教程

站长

3个月前 65

个人网站服务器域名解析设置指南：从购买到绑定全流程

建站教程

站长

3个月前 63

个人网站搭建：如何挑选具有弹性扩展能力的服务器？

建站教程

站长

3个月前 84

个人服务器网站搭建：如何选择适合自己的建站程序或框架？

建站教程

站长

3个月前 70

相关文章

微信

快网idc优惠网

QQ交流群