PHPCMS V9文章中高亮显示功能实例代码
来源:爱站网时间:2022-12-16编辑:网友分享
有朋友想知道PHPCMS V9文章中高亮显示功能实例代码是怎样的,为了解决问题,小编分享了一些相关内容给你们阅读,有兴趣了解一下的朋友可以借鉴下,希望对你有用处。
最近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文章中高亮显示功能实例代码内容相信朋友们看完后都有很大的感触,喜欢我们爱站技术平台里面的文章就来关注下,这里的文章一定能让你学习到不少知识。