站长之家 - 站长资讯 - 易采站长站

当前位置: > 建站教程 > 源码教程 > CMS 教程 >

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

2019-10-11 12:09 | 来源:易采站长站 | 编辑:admin |

点评:很多朋友喜欢用phpcms发布编程类信息,为了用户的良好浏览效果,所以代码高亮不可缺少,这篇信息提供的方法是通过编辑器内就格式化了代码,不是后处理的    

最近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编辑器代码高亮显示亲测可用(提前格式化)

前台页面的高亮显示


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


插件下载地址:http://www.aspku.com/qita/chajian/34275.html

软件名称:
PhpCms网站管理系统下载
软件语言:
简体/繁体中文
软件授权:
个人免费

  • phpcms v9忘记管理员后台密码的解决方法-DedeCms教程
  • PHPCMS V9 全站 Sitemaps生成实现代码[服务器端版]-PhpCms教程
  • phpcms v9模板制作教程-PhpCms教程
  • PHPCMS v9 安全设置、防范教程-PhpCms教程
  • PHPCMS V9 添加二级导航的思路详解-PhpCms教程
  • PHPCMS V9“密码重试次数太多,请过-xxx分钟后重新登录!”的解决办法
  • 解决phpcms v9首页焦点图显示不正常的问题-PhpCms教程
  • PHPCMS V9网站文件目录安全配置-PhpCms教程
  • PHPCMS V9开发WAP手机网站的教程-PhpCms教程
  • PHPCMS V9使用UEditor和七牛云存储的方法-PhpCms教程
  • 网友评论

    关于我们 - 联系我们 - 广告服务 - 版权声明 - 人才招聘 - 友情链接 - 网站地图 - 帮助 - -

    CopyRight © 2010-2016 源码下载 easck.com , All Rights Reserved

    蒙公网安备 15052402000103号

    蒙ICP备14002389-1号