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

所属分类: CMS教程 / phpcms 阅读数: 2136
收藏 0 赞 0 分享

最近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.jb51.net/codes/118999.html
更多精彩内容其他人还在看

phpcms v9中调用发布时间的方法

在PhpCms V9中的首页或者文章内容页调用发布时间{date('Y-m-d',$r[inputtime])}调用显示1970-01-01,然后尝试用截断的方法也没有成功,应怎么办?下面是解决方法
收藏 0 赞 0 分享

phpcms在本地安装完成后总是跳转到install/install.php

在本地安装完成后总是跳转到install/install.php,并且页面报404的错误,通过多次尝试找到了问题根源,下面与大家分享下
收藏 0 赞 0 分享

phpcms v9出现Can not connect to MySQL server错误的原因和解决方法

这篇文章主要介绍了phpcms v9出现Can not connect to MySQL server错误的原因和解决方法,需要的朋友可以参考下
收藏 0 赞 0 分享

phpcms v9调用自定义字段的方法

这篇文章主要介绍了phpcms v9调用自定义字段的方法,需要的朋友可以参考下
收藏 0 赞 0 分享

phpcms调用全站最新文章列表的方法

这篇文章主要介绍了phpcms调用全站最新文章列表的方法,需要的朋友可以参考下
收藏 0 赞 0 分享

phpcms v9引用images文件夹中的图片的方法

这篇文章主要介绍了phpcms v9引用images文件夹中的图片的方法,需要的朋友可以参考下
收藏 0 赞 0 分享

PhpCms作者管理设置 phpcms教程

如何设置PhpCms作者管理
收藏 0 赞 0 分享

PhpCms类别管理教程

如何设置PhpCms类别管理
收藏 0 赞 0 分享

Phpcms关联链接管理设置教程

如何设置PhpCms关联链接管理,请看下面的教程
收藏 0 赞 0 分享

PhpCms投票调查问卷模块管理教程

如何设置PhpCms投票调查问卷模块管理,请看下面的教程
收藏 0 赞 0 分享
查看更多