【phpcms-v9】phpcms-v9整合百度Ueditor编辑器

百度新推出的UEditor是一个很不错的在线富文本编辑器，与CKEditor、KindEditor等属于同一个应用范畴。百度UEditor编辑器具有很多特色，比如支持多图批量上传、支持直接插入地图、拥有丰富美观的表情图片、支持代码高亮显示、支持自定义分页符等等符合国人操作习惯的特点，而且能够很好的迎合当前主流CMS中的内容编辑需求。下面我们就来将百度UEditor编辑器（1.1.8.1版）与国内优秀的CMS系统PHPCMS V9进行强强结合。

首先，我们需要修改 \phpcms\libs\classes\attachment.class.php 文件，使之与百度UEditor编辑器中的图片上传功能进行对接。现在，我们打开 \phpcms\libs\classes\attachment.class.php  文件，找到mkhtml函数的声明部分，我们可以通过搜索“function mkhtml(”从而很容易的找到它的位置，将此函数改为：

function mkhtml($fn,$fileurl,$message,$editor=null) { 
  if(!$editor && !empty($_REQUEST['editortype'])){ 
   $editor=$_REQUEST['editortype']; 
  } 
  switch($editor){ 
   case 'ueditor': 
    $title = htmlspecialchars($_POST['pictitle'], ENT_QUOTES); 
    $message || $message='SUCCESS'; 
    $str='{\'url\':\''.$fileurl.'\',\'title\':\''.$title.'\',\'state\':\''.$message.'\'}'; 
    break; 
   default: 
    $str='<script type="text/javascript">window.parent.CKEDITOR.tools.callFunction('.$fn.', \''.$fileurl.'\', \''.$message.'\');</script>'; 
  } 
  exit($str); 
 }

修改后保存。

然后，我们修改 \phpcms\libs\classes\form.class.php 文件，打开 \phpcms\libs\classes\form.class.php 文件，在代码：

class form { 

后面另起一行，添加代码：

/** 
* UEditor Function 
* Author:admpub.com 
* Update:2012-03-26 20:14 
*/
 public static function ueditor($textareaid = 'content', $toolbar = 'basic', $module = '', $catid = '', $color = '', $allowupload = 0, $allowbrowser = 1,$alowuploadexts = '',$height = 200,$disabled_page = 0, $allowuploadnum = '32') {//$toolbar = 'admpub'; 
  if($toolbar == 'basic') { 
   $toolbar = "['FullScreen',"; 
   $toolbar .= defined('IN_ADMIN') ? "'Source'," : ''; 
   $toolbar .= "'|', 'Undo', 'Redo', '|', 
                'Bold', 'Italic', 'Underline','InsertOrderedList', 'InsertUnorderedList','|', 
                'JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyJustify', '|', 
                'Link', 'Unlink']"; 
  } elseif($toolbar == 'full') { 
   $toolbar = "['FullScreen',"; 
   if(defined('IN_ADMIN')) { 
    $toolbar .= "'Source',"; 
   } else { 
    $toolbar .= ''; 
   } 
   $toolbar .= "'|', 'Undo', 'Redo', '|', 
                'Bold', 'Italic', 'Underline', 'StrikeThrough', 'Superscript', 'Subscript', 'RemoveFormat', 'FormatMatch', '|', 
                'BlockQuote', '|', 'PastePlain', '|', 'ForeColor', 'BackColor', 'InsertOrderedList', 'InsertUnorderedList', '|', 'CustomStyle', 
                'Paragraph', 'RowSpacing', 'LineHeight', 'FontFamily', 'FontSize', '|', 
                'DirectionalityLtr', 'DirectionalityRtl', '|', '', 'Indent', '|', 
                'JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyJustify', '|', 
                'Link', 'Unlink', 'Anchor', '|', 'ImageNone', 'ImageLeft', 'ImageRight', 'ImageCenter', '|', 'InsertImage', 'Emotion', 'InsertVideo', 'Map', 'GMap', 'InsertFrame', 'PageBreak','PageTitle', 'HighlightCode', '|', 
                'Horizontal', 'Date', 'Time', 'Spechars', '|', 
                'InsertTable', 'DeleteTable', 'InsertParagraphBeforeTable', 'InsertRow', 'DeleteRow', 'InsertCol', 'DeleteCol', 'MergeCells', 'MergeRight', 'MergeDown', 'SplittoCells', 'SplittoRows', 'SplittoCols', '|', 
                'SelectAll', 'ClearDoc', 'SearchReplace', 'Print', 'Preview', 'CheckImage', 'Help']"; 
  } elseif($toolbar == 'desc') { 
   $toolbar = "['FullScreen','Source','Undo', 'Redo', '|',"; 
   $toolbar .= "'Bold', 'Italic', '|', 'InsertOrderedList', 'InsertUnorderedList', '|', 'Link', 'Unlink', '|', 'ImageNone', 'ImageLeft', 'ImageRight', 'ImageCenter', '|', 'InsertImage','HighlightCode']"; 
  } else { 
   $toolbar = "['FullScreen','Undo', 'Redo', '|','ForeColor', 'BackColor']"; 
  } 
  $str .= '<script type="text/javascript">'; 
  $str .= 'var UEDITOR_HOME_URL="'.JS_PATH.'ueditor/";'; 
  $str .= 'var ADMPUB_PIC_UPLOADFIELD_NAME="upload";'; 
  $str .= 'var ADMPUB_PIC_DESCFIELD_NAME="pictitle";'; 
  $str .= 'var ADMPUB_PIC_UPLOAD_URL="'.APP_PATH.'index.php?m=attachment&c=attachments&a=upload&module='.$module.'&catid='.$catid.'&editortype=ueditor&dosubmit=1";'; 
  $str .= 'var ADMPUB_PIC_UPLOAD_MAXSIZE=2;'; 
  $str .= 'var ADMPUB_PIC_UPLOAD_MAXNUM='.$allowuploadnum.';'; 
  $str .= 'var ADMPUB_TOOLBARS=['.$toolbar.'];'; 
  $str .= '</script>'; 
  if(!defined('EDITOR_INIT')) { 
   $str .= '<script type="text/javascript" src="'.JS_PATH.'ueditor/editor_config.js" charset="utf-8"></script>'; 
   $str .= '<script type="text/javascript" src="'.JS_PATH.'ueditor/editor_all_min.js" charset="utf-8"></script>';// 
   $str .= '<link rel="stylesheet" href="'.JS_PATH.'ueditor/themes/default/ueditor.css"/>'; 
   define('EDITOR_INIT', 1); 
  } 
  $str .= "<script type=\"text/javascript\">\r\n"; 
  $str .= "var editor = new baidu.editor.ui.Editor({textarea:'$textareaid',wordCount:false});\r\n"; 
  $str .= "editor.render('$textareaid');\r\n"; 
  $str .= '</script>'; 
  $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>'; 
  $str .= $ext_str; 
  return $str; 
 }

接着在代码：

public static function editor($textareaid = 'content', $toolbar = 'basic', $module = '', $catid = '', $color = '', $allowupload = 0, $allowbrowser = 1,$alowuploadexts = '',$height = 200,$disabled_page = 0, $allowuploadnum = '10') { 

后面添加代码：

return self::ueditor($textareaid, $toolbar, $module, $catid, $color, $allowupload, $allowbrowser, $alowuploadexts, $height, $disabled_page, $allowuploadnum);

好了，到此为止，PHP代码部分我们已经修改完了，接下来只需要将我修改好的UEditor编辑器压缩包下载下来，解压缩，然后把里面的statics文件夹复制到网站根目录覆盖就可以了。

我修改后的UEditor编辑器已经可以完美的支持图片上传（使用PHPCMS V9的上传接口）、内容分页，还支持分页标题。所以您无需再次修改就能直接使用这些功能了。

转载地址：http://www.admpub.com/index.php/a/show/catid/18/id/510/index.html