首页 > 文章资讯 > 技术教程 > phpcms教程 > 最新PHPCMS V9编辑器代码高亮显示亲测可用(提前格式化)

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

时间：2024年02月24日

来源：网络

编辑：佚名

最近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编辑器后台
前台页面的高亮显示

phpcms v9 ckeditor 代码高亮插件(预先格式化)相关文件下载：
链接: https://pan.baidu.com/s/14FsWwz9jMbHAgC-RhtxSZA 提取码: jp6y
链接：https://pan.baidu.com/s/1rjwh0yArIfRJLrOGWehAxg 提取码：12bb

新闻资讯更多

猜你需要