SHLCMS(深喉嚨CMS)集成Ueditor教程

最近看到百度出了Uedit編輯器，感覺還不錯，所以想把它集成到深喉嚨里面，研究了一番，終于搞定了，現(xiàn)在將方法和大家共享，有需要的同學可以舉一反三老做一下，剛剛弄好可能不是非常完美，大家有什么意見建議也歡迎提出，互相學習。

首先下載Ueditor并解壓到shl根目錄下，命名為ueditor。

之后將adminiviewssystemoptions下的index.php中的：

 $editor_arr = array('kindeditor'=>'KindEditor','fckeditor'=>'FCKeditor'); 

改為：

 $editor_arr = array('kindeditor'=>'KindEditor','fckeditor'=>'FCKeditor','ueditor'=>'Ueditor'); 

這樣在“構建網(wǎng)站”下的“系統(tǒng)設置”里的“編輯器類型：”就有了“Ueditor”的選項。

然后修改inc目錄下的common.php，在

 case 'fckeditor':
        $oFCKeditor = new FCKeditor($name) ;
    $oFCKeditor->Value = $content;
    $oFCKeditor->Create() ;
break; 

插入以下代碼：

  case 'ueditor':
    echo '<script type="text/javascript" charset="utf-8" src="'.ROOTPATH.'/ueditor/editor_config.js"></script>';
    echo '<script type="text/javascript" src="'.ROOTPATH.'/ueditor/editor_all.js"></script>';
    echo '<link rel="stylesheet" href="'.ROOTPATH.'/ueditor/themes/default/ueditor.css"/>';
    echo '<textarea id="'.$name.'" name="'.$name.'" cols="100" rows="8" style="width:95%;height:400px;">'.$content.'</textarea>';
    echo '<script type="text/javascript">';
    echo '    var editor = new baidu.editor.ui.Editor();';
    echo '    editor.render("'.$name.'");';
    echo '</script>';
break; 

這樣編輯器的嵌入就完成了，但是你會發(fā)現(xiàn)上傳圖片這些都打不開，所以接下來修改Uedito目錄下的editor_config.js，將：

 //var URL = window.UEDITOR_HOME_URL || '../';
    var tmp = window.location.pathname,
        URL= tmp.substr(0,tmp.lastIndexOf("/")+1).replace("_examples/","");//這里你可以配置成ueditor目錄在您網(wǎng)站的相對路徑或者絕對路徑（指以http開頭的絕對路徑）
    UEDITOR_CONFIG = {
        imagePath:URL + "server/upload/", //圖片文件夾所在的路徑，用于顯示時修正后臺返回的圖片url！具體圖片保存路徑需要在后臺設置。！important 

改為：

  //var URL = window.UEDITOR_HOME_URL || '../';
   var tmp = window.location.pathname,
   URL = tmp.substr(0, tmp.lastIndexOf("/") + 1).replace("admini/", "ueditor/");//這里你可以配置成ueditor目錄在您網(wǎng)站的相對路徑或者絕對路徑（指以http開頭的絕對路徑）
   UEDITOR_CONFIG = {
       imagePath:URL.replace("ueditor/", ""), //圖片文件夾所在的路徑，用于顯示時修正后臺返回的圖片url！具體圖片保存路徑需要在后臺設置。！important 

這樣上傳圖片視頻等的按鍵打開就正常了，最后是修改圖片上傳模塊，將ueditorserveruploadphp下的up.php復制到ueditor根目錄下，并將

  $config = array(
        "uploadPath"=>"../uploadfiles/",                          //保存路徑
        "fileType"=>array(".gif",".png",".jpg",".jpeg",".bmp"),   //文件允許格式
        "fileSize"=>1000                                          //文件大小限制，單位KB
    ); 

改為：

 $config = array(
      "uploadPath"=>'../upload/',                          //保存路徑
      "fileType"=>array(".gif",".png",".jpg",".jpeg",".bmp"),   //文件允許格式
      "fileSize"=>1000                                          //文件大小限制，單位KB
  ); 

這樣就大功告成了。

來源：http://blog.yourtion.com/shlcms-integrated-ueditor.html

生活不易，碼農(nóng)辛苦
如果您覺得本網(wǎng)站對您的學習有所幫助,可以手機掃描二維碼進行捐贈