search
Homephp教程php手册PHPCMS v9.5.6整合UEditer1.4.2

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

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

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

------------------------------@ chenwei 整合 -----------------------

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

<span>//</span><span>工具栏上的所有的功能按钮和下拉框,可以在new编辑器的实例时选择自己需要的从新定义</span>
   , toolbars:<span> [[
           </span>'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'<span>
     ]]</span>

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

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

 

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

  将原来的: 

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

  改为:  

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

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

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

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

 

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

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

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

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

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

 

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

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

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

Statement
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

Video Face Swap

Video Face Swap

Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Tools

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SAP NetWeaver Server Adapter for Eclipse

SAP NetWeaver Server Adapter for Eclipse

Integrate Eclipse with SAP NetWeaver application server.

MantisBT

MantisBT

Mantis is an easy-to-deploy web-based defect tracking tool designed to aid in product defect tracking. It requires PHP, MySQL and a web server. Check out our demo and hosting services.

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

PhpStorm Mac version

PhpStorm Mac version

The latest (2018.2.1) professional PHP integrated development tool