phpcms中的ckeditor编辑器升级方法_phpcms_CMS教程_PHPCMS_青云站长教程网
欢迎来到站长教程网!
  • 秒到短信接口 免费试用
  • 微信支付宝接口 秒结算
  • 中文网站排名|申请加入
  • 搜索引擎全站查询
  • 查询移动网站权重数据
  • 海外主机 台湾公司直销
  • PHPCMS

    当前位置:主页 > CMS教程 > PHPCMS >

    phpcms中的ckeditor编辑器升级方法_phpcms_CMS教程

    时间:2019-07-20|栏目:PHPCMS|点击:
  • 首先说明一下为什么升级?网上很多人升级成了ueditor,可从fckedotror 到 ckeditor,我个人都是比较喜欢的,特别是开放式的插件方式。另外一个就是至少要懂得升级和插件的开发,这样也能给phpcms增色不少

    准备:

    1.当前phpcms最新版本(自带ckeditor 版本为3.6.6)

    2.准备替换的最新ckeditor,版本4.2.1

    一、开始之前说下原版ckeditor与phpcms的ckeditor的一些主要区别:

    1.原版的分页符是一个div标签,而phpcms中编辑器的是[page]。

    2.phpcms编辑器下方,多了3个按钮,“分页符”,“子标题”,“附件上传”。

    3.由于ckeditor的版本不一样,一些自己开发的插件不能兼容。

    二、下面开始替换。

    1.备份phpcms的 /statics/js/ckeditor 文件夹(重命名即可)。以及/phpcms/libs/classes/form.class.php (这个文件中有个方法就是创建一个编辑器,使用一些编辑器的工具栏配置需要在这里操作)

    2.把新版ckedtior复制到/statics/js/下。打开/statics/js/ckeditor/config.js 文件,用旧版的config.js替换。但请注释掉 config.extraPlugins = ''; 这一行(我想应该是插件不兼容问题)


    复制代码

    代码如下:


    /**
    * @license Copyright (c) 2003-2013, CKSource - Frederico Knabben. All rights reserved.
    * For licensing, see LICENSE.html or
    */</p> <p>CKEDITOR.editorConfig = function( config ) {
    // Define changes to default configuration here. For example:
    // config.language = 'fr';
    // config.uiColor = '#AADC6E';

    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 = '';
    config.enterMode = CKEDITOR.ENTER_BR;
    config.shiftEnterMode = CKEDITOR.ENTER_P;
    config.font_names='宋体/宋体;黑体/黑体;仿宋/仿宋_utf-8;楷体/楷体_utf-8;隶书/隶书;幼圆/幼圆;微软雅黑/微软雅黑;'+ config.font_names;
    };</p> <p>
    CKEDITOR.on( 'instanceReady', function( ev ){ with (ev.editor.dataProcessor.writer) { setRules("p", {indent : false, breakAfterOpen : false, breakBeforeClose : false} ); setRules("h1", {indent : false, breakAfterOpen : false, breakBeforeClose : false} ); setRules("h2", {indent : false, breakAfterOpen : false, breakBeforeClose : false} ); setRules("h3", {indent : false, breakAfterOpen : false, breakBeforeClose : false} ); setRules("h4", {indent : false, breakAfterOpen : false, breakBeforeClose : false} ); setRules("h5", {indent : false, breakAfterOpen : false, breakBeforeClose : false} ); setRules("div", {indent : false, breakAfterOpen : false, breakBeforeClose : false} ); setRules("table", {indent : false, breakAfterOpen : false, breakBeforeClose : false} ); setRules("tr", {indent : false, breakAfterOpen : false, breakBeforeClose : false} ); setRules("td", {indent : false, breakAfterOpen : false, breakBeforeClose : false} ); setRules("iframe", {indent : false, breakAfterOpen : false, breakBeforeClose : false} ); setRules("li", {indent : false, breakAfterOpen : false, breakBeforeClose : false} ); setRules("ul", {indent : false, breakAfterOpen : false, breakBeforeClose : false} ); setRules("ol", {indent : false, breakAfterOpen : false, breakBeforeClose : false} ); } });
    //CKEDITOR.plugins.load('pgrfilemanager');
    function insert_page(editorid)
    {
    var editor = CKEDITOR.instances[editorid];
    editor.insertHtml('[page]');
    if($('#paginationtype').val()) {
    $('#paginationtype').val(2);
    $('#paginationtype').css("color","red");
    }
    }</p> <p>function insert_page_title(editorid,insertdata)
    {
    if(insertdata)
    {
    var editor = CKEDITOR.instances[editorid];
    var data = editor.getData();
    var page_title_value = $("#page_title_value").val();
    if(page_title_value=='')
    {
    $("#msg_page_title_value").html("<font color='red'>请输入子标题</font>");
    return false;
    }
    page_title_value = '[page]'+page_title_value+'[/page]';
    editor.insertHtml(page_title_value);
    $("#page_title_value").val('');
    $("#msg_page_title_value").html('');
    if($('#paginationtype').val()) {
    $('#paginationtype').val(2);
    $('#paginationtype').css("color","red");
    }
    }
    else
    {
    $("#page_title_div").slideDown("fast");
    }
    }
    var objid = MM_objid = key = 0;
    function file_list(fn,url,obj) {
    $('#MM_file_list_editor1').append('<div>'http://www.zixuephp.com/phpcmsv9/+url+' <a href=http://www.zixuephp.com/phpcmsv9/\ rel="nofollow"'#\' onMouseOver=http://www.zixuephp.com/phpcmsv9/\'javascript:FilePreview("'http://www.zixuephp.com/phpcmsv9/+url+'", 1);\' onMouseout=http://www.zixuephp.com/phpcmsv9/\'javascript:FilePreview("", 0);\'>查看</a> | <a href="javascript:insertHTMLToEditor(\'<img src='http://www.zixuephp.com/phpcmsv9/+url+'>\',\''+fn+'http://www.zixuephp.com/phpcmsv9/\')">插入</A> | <a href="javascript:del_file(\''+fn+'http://www.zixuephp.com/phpcmsv9/\',\''http://www.zixuephp.com/phpcmsv9/+url+'http://www.zixuephp.com/phpcmsv9/\','+fn+')">删除</a>
    ');
    }

    3.打开/statics/js/ckeditor/ckeditor.js 做一些修改,目的是 把工具栏上的分页按钮与phpcms的分页保持一致。

    找到:


    复制代码

    代码如下:

    上一篇:PHPCMS v9过滤采集内容中CSS样式的实现方法_phpcms

    栏    目:PHPCMS

    下一篇:phpcms下添加友情链接提示找不到link字段(字段名错

    本文标题:phpcms中的ckeditor编辑器升级方法_phpcms_CMS教程

    本文地址:http://www.jh-floor.com/CMSjiaocheng/PHPCMS/7716.html

    广告投放 | 联系我们 | 版权申明

    重要申明:本站所有的文章、图片、评论等,均由网友发表或上传并维护或收集自网络,属个人行为,与本站立场无关。

    如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

    联系QQ:888888 | 邮箱:888888#qq.com(#换成@)

    Copyright © 2002-2017 青云站长教程网 版权所有 琼ICP备xxxxxxxx号