phpcmsV9 默认编辑器是ckeditor,但是版本低,使用效果低。

本文 重点解决问题: 更新ckeditor默认编辑器到最新版。
phpcms当前版本 : V9.6.3
.
现在将我更换编辑器到CKeditor 4.8的详细步骤方法分享一下
基本上都是从网上搜索整理并且自己尝试成功的


注意 : 哪些文件需要修改?

  • statics/js/ckeditor/config.js (先替换,后修改)(主要就是注释掉部分php代码)
  • phpcms/libs/classes/form.class.php (增加几行php代码)
  • statics/js/ckeditor/skins/moono-lisa/editor.css (增加几行css代码)


详细步骤:

  1. statics/js/ckeditor目录更名成ckeditor_bak (备份以便以后恢复)

  2. 下载CKEditor 4.8.0 Full的压缩包,
    CKEditor 官方下载地址: 点击下载 · CKEditor 4.8.0 Full;

  3. 将zip压缩包中的ckeditor目录解压到statics/js目录下;

  4. 将第一步原编辑器目录ckeditor_bak中的config.js文件 复制并覆盖 到ckeditor目录中;

  5. 接着修改覆盖后的ckeditor/config.js ,注释掉以下几行代码

    // config.language = 'fr';                                 注释此行
    config.uiColor = '#f7f5f4';
    config.width = '';
    //config.removePlugins = 'elementspath,scayt';  注释此行
    //config.disableNativeSpellChecker = false;        注释此行
    //config.resize_dir = 'vertical';                          注释此行
    config.keystrokes =[[ CKEDITOR.CTRL + 13 /*Enter*/, 'maximize' ]];
    //config.extraPlugins = 'capture,videoforpc,flashplayer';    注释此行
    //config.enterMode = CKEDITOR.ENTER_BR;                  注释此行
    //config.shiftEnterMode = CKEDITOR.ENTER_P;              注释此行
    config.font_names='宋体/宋体;黑体/黑体;仿宋/仿宋_GB2312;楷体/楷体_GB2312;隶书/隶书;幼圆/幼圆;微软雅黑/微软雅黑;'+ config.font_names;
    
  6. 修改phpcms/libs/classes/form.class.php,找到如下代码,大约第70行左右
    $str .= '</script>';
    在此行后增加以下代码:

       $str .= '<div class="cke_footer">';if($show_page == 'true') $str .= '<a href=\'javascript:insert_page("'.$textareaid.'")\'>分页符</a><a href=\'javascript:insert_page_title("'.$textareaid.'")\'>子标题</a>';if($allowupload) $str .= '<a href="javascript:void(0);" onclick="flashupload(\'flashupload\', \'附件上传\',\''.$textareaid.'\',\'\',\''.$allowuploadnum.','.$alowuploadexts.','.$allowbrowser.'\',\''.$module.'\',\''.$catid.'\',\''.$authkey.'\');return false;">附件上传</a>';$str .= '</div>';
    
  7. 复制以下CSS代码到 statics/js/ckeditor/skins/moono-lisa/editor.css文件的最后面:

    .cke_footer{ float:left; margin-top:3px}
    .cke_footer a,.cke_footer a:hover, .cke_footer a:visited, .cke_footer a:active{display:block; float:left;border:1px solid #e0e0e0; margin-right:8px;height:19px;line-height:19px;padding:0 10px;color:#666;cursor: hand;!important;cursor: pointer}
    .cke_footer a:hover{background-position: left top}
    .editor_bottom{ position:relative; height:1px; clear:both}
    #page_title_div{width:295px; height:78px;position:absolute;display:none; z-index:99999; top:-120px; left:18px}
    #page_title_div table{border:2px solid #d5e0e6; background:#fff;width:295px; height:78px;}
    #page_title_div table td{ border:none}#page_title_div table td.title{text-align:left;height:26px;*height:25px;font:18px/31px "MicroSoft YaHei","SimHei";color:#333;*line-height:25px; margin:0; padding:0 0 0 12px}
    #page_title_div a.close span{ display:none}
    #page_title_div a.close{background: url(images/cross.png) no-repeat left 3px; display:block; float:right; margin-right:10px; width:16px; height:16px;}
    #page_title_div a.close:hover{background-position: left -46px}
    .content_attr{ border:1px solid #CCC; padding:5px 8px; background:#FFC; margin-top:6px}
    #Capture{color:#474747; font-size:12px; line-height:20px}
    #Capture font{color:red}
    #Capture a{color:#0075c0;display:inline-block;zoom:1;*display:inline; background:url(images/cdw.png) no-repeat; padding-left:20px; text-decoration:none}
    #Capture a:hover{text-decoration: underline}
    #Capture #CaptureDown {background-image:url(images/cd.png)}
    
  8. 完成修改。

    清空浏览器缓存,重新打开phpcmsV9后台,进入内容编辑器页面查看编辑器效果。



修改前后,效果图对比:


附:下载源码文件

  • phpcmsV9.6.3 完整更新ckeditor编辑器到最新版 - 含源码

以上就是关于“ phpcmsV9 完整更新ckeditor编辑器到最新版 - 源码篇 ” 的全部内容。

*文章参考:bbs.phpcms.cn

phpcmsV9 完整更新ckeditor编辑器到最新版 - 源码篇相关推荐

  1. 校园跑腿微信小程序跑腿同学带直播新版源码

    校园跑腿微信小程序跑腿同学带直播新版源码 适用类型 微信小程序 测试环境:系统环境:CentOS Linux 7.6.1810 (Core).运行环境:宝塔 Linux v7.0.3(专业版).网站环 ...

  2. (已更新)社区论坛小程序源码,功能齐全,简洁漂亮,前端+后端

    源码已测试,无bug功能均可正常访问使用,页面简洁漂亮,另外现在类目选择社区/论坛类目时,不再需要<增值电信业务经营许可证> ,只需提供企业/单位ICP备案截图即可,大大降低了社区/论坛小 ...

  3. im即时通讯聊天软件,完整的一套即时通讯IM源码

    非常完整的一套即时通讯IM源码,包含数据库+服务端源码+服务端部署软件+PC.Web.安卓.IOS完整原生源码. 还附带完整的开发文档和视频搭建教程.一套完整得不能在完整的即时通讯源码了,不管拿来二开 ...

  4. php网站套模板教程,PTCMS小说网站全新版源码+内附4套精美模板+教程

    源码介绍: 最新PTCMS小说精美多风格四套全新版源码+模板内附详细的安装教程,亲测完美搭建. 安装教程 安装宝塔面板一键安装环境 宝塔:www.bt.cn 必装环境:nginx(apache.iis ...

  5. .Net6.0快速开发平台3.4新版源码(教程运行视频齐全),net敏捷开发

    .Net6.0快速开发平台3.4新版源码(教程运行视频齐全),net敏捷开发,全网最新有演示,报表设计,大屏设计,流程设计,实时通讯,动态表单,日程管理,APP端,双端代码生成全部具备,是你接外包的利 ...

  6. (已更新)Thinkphp课程表小程序源码v1.0.0全开源版(前后端分离)

    源码功能介绍 1.情侣功能 2.情侣间留言 3.情侣间互相设置课程表背景 4.自己日.周课程表背景设置 5.教务系统课程表导入 6.导入别人分享的课表 7.导入别人分享的单课 8.多校支持 9.首页顶 ...

  7. 变色龙云app封装系统最新版源码流出 含app打包分发签名等功能

    变色龙云app封装系统最新版源码流出 含app打包分发签名等功能 受疫情影响,各类线下门店的生意锐减,大家都在寻求网上业务的突破,app.小程序开发制作相关业务大增.小企业主和个人用户走原生开发定制的 ...

  8. 免费分享-【APP分发系统仿fir.im】新版APP应用分发新版源码支持分发托管运营版源码

    [APP分发系统仿fir.im]新版APP应用分发新版源码支持分发托管运营版源码 修复远程被恶意删数据库,支持封装仿fir.im分发APP应用分发托管平台经营版源码,一键访问域名直接安装. 纠正iOS ...

  9. (已更新)36鲸话费充值系统源码,支持优惠劵商家等。版本1.1.47

    36鲸话费充值是一款话费充值系统公众号应用,话费充值专享92/95折. 92折充值(慢充 95折充值(快充). 后台可设置94元或97元充100话费,客户每充值一次,都有1-2元利润.如果有1万用户每 ...

最新文章

  1. raptor算法流程图例题_raptor程序设计例题参考答案
  2. 【数字孪生】工业互联网和数字孪生
  3. 《UnixLinux大学教程》学习笔记一:历史与常识
  4. 两个单链表生成相加链表
  5. div设置百分比高度 宽度
  6. 5页面调用原生相机_React Native与原生通信全梳理(iOS端)
  7. Web前端笔记-使用@media(媒体查询)展示及隐藏div
  8. Linux搜狗输入法候选词乱码
  9. Python自然语言处理------分类和标注词汇
  10. 安装mysql后电脑右下角_windows安装mysql方法 mysql5.7以后的安装方法
  11. 深入研读Cache存储的计算
  12. es 怎么验证是否安装成功_ElasticSearch(ES)预警服务 Watcher安装以及探究
  13. android即时通讯ui框架,android IM即时通信之聊天界面UI框架
  14. 一品制药创业板IPO过会:年营收3.82亿 拟募资5亿
  15. 12、【股票策略】使用backtrader回测升级版的狗股策略-基于股息率和市净率两个因子
  16. c 语言实现多线程排序,在c中使用多线程快速排序
  17. 迁移学习笔记4:ACML-Sinno Jialin Pan
  18. 洛谷 CF7E Defining Macros 题解
  19. 微信 8.0 「裂开」「炸弹」的特效代码来了
  20. 离线安装ffmpeg

热门文章

  1. 变频电源启动不了的原因是什么
  2. MySQL 在高并发下的 订单撮合 系统使用 共享锁 与 排他锁 保证数据一致性
  3. Linux 关闭网络管理服务
  4. 将一个16进制数转化为10进制数
  5. 大东电报与雷格斯在全球部署宝利通高清系统
  6. RDD之四:Value型Transformation算子
  7. 【CSS+HTML】关于字体的说明
  8. 第三章 Joomla!扩展开发:后端开发
  9. Eclipse ,Ant编译 jbpm.war包
  10. 转: ADO Connection Strings