PHPCMS V9 ckeditor编辑器代码高亮显示(附插件)
今天分享一个简单的方法,来实现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
您可能感兴趣的文章
- 11-19phpcms调用全站热点文章月排行的代码
- 11-19phpcms v9 搜索页显示自定义字段
- 11-19phpcms v9 内容页调用当前栏目名称及链接/上级栏目名称及链接方法
- 11-19phpcms V9基础知识之:常用文件目录结构
- 11-19phpcms v9 彻底去除自带的水印功能的方法
- 11-19phpcms在nginx的rewrite伪静态标准写法
- 11-19phpcms V9基础知识之:默认templates主题模板文件目录结构介绍
- 11-19Phpcms V9 调用全站文章排行的解决方法
- 11-19Phpcms V9 调用随机文章的实现方法
- 11-19phpcms v9分页函数pages中上一页,下一页文本内容修改方法


阅读排行
推荐教程
- 09-22phpcms是什么框架
- 09-22phpcms手机端如何取消伪静态
- 11-12phpcms如何使用水印功能
- 11-19phpcms调用全站热点文章月排行的代码
- 11-12phpcms不限制模型进行全站搜索
- 11-12phpcms栏目标签调用代码大全
- 11-12phpcms二次开发用拼音作为tags列表页路径的方法
- 11-12如何用phpcms调取指定位置的新闻列表
- 11-16Phpcms V9列表分页自定义页码文字(改成中文)
- 11-16phpcms ajax列表分页加载更多




