zoukankan      html  css  js  c++  java
  • [PC]PHPCMS v9.5.6整合UEditer1.4.2

    -----------------------------------------------------------------------------------------------

    首先去UEditor官网下载所需对应版本:http://ueditor.baidu.com/website/download.html

    这里以1.4.2 PHP 版本,UTF-8版 为例=>

    ------------------------------@ chenwei 整合 <www.farwish.com>-----------------------

    1. 将所下载的程序包解压,得到程序包目录,将程序包目录更名为ueditor。

     

    2. 将ueditor包放入PHPCMS_PATH/statics/js/中。(PHPCMS_PATH为phpcms的入口文件所在路径)

     

    3. 修改ueditor/php/config.json,将上传图片配置项路径,涂鸦图片上传配置项路径,截图工具上传保存路径,抓取远程图片保存路径,上传视频保存路径,上传文件保存路径 中: /ueditor/php/upload/image/{yyyy}{mm}{dd}/{time}{rand:6} 改为: /phpcms/uploadfile/{yyyy}/{mm}{dd}/{yyyy}{mm}{dd}{rand:6},符合PHPCMS的路径规则。

      指定要列出图片的目录 和 指定要列出文件的目录 为:/phpcms/uploadfile/

    4. 修改ueditor/ueditor.config.js配置文件,

      1) 自定义工具栏内容: ,toorbars : [[ ********** ]]

      这个工具栏图标你可以参照官方文档进行修改,去掉不需要的功能:http://fex.baidu.com/ueditor/#start-toolbar

    //工具栏上的所有的功能按钮和下拉框,可以在new编辑器的实例时选择自己需要的从新定义
       , toolbars: [[
               'fullscreen', 'source', '|', 'undo', 'redo', '|',
               'bold', 'italic', 'underline', 'fontborder', 'strikethrough', 'superscript', 'subscript', 'removeformat', 'formatmatch', 'autotypeset', 'blockquote', 'pasteplain', '|', 'forecolor', 'backcolor', 'insertorderedlist', 'insertunorderedlist', 'selectall', 'cleardoc', '|',
               'rowspacingtop', 'rowspacingbottom', 'lineheight', '|',
               'customstyle', 'paragraph', 'fontfamily', 'fontsize', '|',
               'directionalityltr', 'directionalityrtl', 'indent', '|',
               'justifyleft', 'justifycenter', 'justifyright', 'justifyjustify', '|', 'touppercase', 'tolowercase', '|',
               'link', 'unlink','|',
               'simpleupload', 'insertimage', 'insertvideo', 'music', 'attachment', 'insertframe','pagebreak', 'template', 'background', '|',
               'horizontal', 'date', 'time', 'spechars', 'snapscreen', 'wordimage', '|',
               'inserttable', 'deletetable','preview', 'searchreplace', 'help', 'drafts'
         ]]

      2) 自定义编辑器宽高: ,initialFrameWidth:700   //初始化编辑器宽度,默认1000

                  ,initialFrameHeight:350  //初始化编辑器高度,默认320

     

    5. 修改PC_PATH/libs/classes/form.class.php文件,

      将原来的: 

    if(!defined('EDITOR_INIT')) {
        $str = '<script type="text/javascript" src="'.JS_PATH.'ckeditor/ckeditor.js"></script>';
        define('EDITOR_INIT', 1);
    }

      改为:  

    if(!defined('EDITOR_INIT')) {
        $str .= '<script type="text/javascript" src="'.JS_PATH.'ueditor/ueditor.config.js"></script>';
        $str .= '<script type="text/javascript" src="'.JS_PATH.'ueditor/ueditor.all.js"></script>';
        $str .= '<script type="text/javascript" src="'.JS_PATH.'ueditor/ueditor.parse.js"></script>';
        $str .= '<link rel="stylesheet" href="'.JS_PATH.'ueditor/themes/default/css/ueditor.css"/>';
        define('EDITOR_INIT', 1);}
        $str .= "<script type="text/javascript">
    ";
        $str .= "var editor = UE.getEditor('$textareaid');";
        $str .= '</script>';

    6. 在ueditor/themes/default/css/ueditor.css中,

      /*UI工具栏,编辑区域,底部样式*/ 里

      增加一行: auto !important;   //注:增加此行,使编辑器自适应

     

    7. 去编辑器下方除子标题显示:去掉phpcms/libs/classes/form.class.php中 如下代码,

    $ext_str = "<div class='editor_bottom'>";
      if(!defined('IMAGES_INIT')) {
      $ext_str .= '<script type="text/javascript" src="'.JS_PATH.'swfupload/swf2ckeditor.js"></script>';
      define('IMAGES_INIT', 1);
    }
      $ext_str .= "<div id='page_title_div'>
      <table cellpadding='0' cellspacing='1' border='0'><tr><td class='title'>".L('subtitle')."<span id='msg_page_title_value'></span></td><td>
      <a class='close' href='javascript:;' onclick='javascript:$("#page_title_div").hide();'><span>×</span></a></td>
      <tr><td colspan='2'><input name='page_title_value' id='page_title_value' class='input-text' value='' size='30'>&nbsp;<input type='button' class='button' value='".L('submit')."' onclick=insert_page_title("$textareaid",1)></td></tr>
      </table></div>";
      $ext_str .= "</div>";

    8. 修改编辑器内的内容显示不靠边问题:

      statics/js/ueditor/themes/default/css/ueditor.css

      .edui-default .edui-editor-iframeholder {
        position: relative;
         auto !important; //新添加此行

    9. 解决编辑器浮动在发布按钮上方的问题:

      修改statics/css/zh-cn-system.css 下.fixed-bottom .fixed-but{}属性,添加z-index2000;

    ------------------------------------------------------------------------------------------------

  • 相关阅读:
    素数线性筛优化
    C++如何求程序运行时间
    02-线性结构4 Pop Sequence
    02-线性结构3 Reversing Linked List
    STL--priority_queue--自定义数据类型
    02-线性结构2 一元多项式的乘法与加法运算
    Linux——安装OpenSSH服务(CentOS系统默认安装了openssh)
    Linux——Vim快速查找功能
    Xmanager——连接linux(deepin)时提示ssh服务器拒绝了密码,请再试一次
    解决CentOS7关闭/开启防火墙出现Unit iptables.service failed to load: No such file or directory.
  • 原文地址:https://www.cnblogs.com/farwish/p/3766762.html
Copyright © 2011-2022 走看看