PHPCMS_整合UEditor編輯器

①先到官網下載資源包(先定製編輯器導航工具,再下載)
②上傳到phpcms默認的js文件路徑,上傳後的文件路徑以下javascript

  1. \statics\js\ueditor\  php

②打開/phpcms/libs/classes/form.class.php,找到以下代碼:css

  1. if(!defined('EDITOR_INIT')) {
    java

  2.         $str = '<script type="text/javascript" src="'.JS_PATH.'ckeditor/ckeditor.js"></script>';
    web

  3.         define('EDITOR_INIT', 1);
    編輯器

  4.         }  工具

替換成:網站

  1. if(!defined('EDITOR_INIT')) {
    ui

  2.         $str = '<script type="text/javascript" src="'.JS_PATH.'ueditor/editor_config.js"></script>';
    spa

  3.         $str .= '<script type="text/javascript" src="'.JS_PATH.'ueditor/editor_all.js"></script>';

  4.     $str .= '<link rel="stylesheet" href="'.JS_PATH.'ueditor/themes/default/ueditor.css"/>';

  5.         define('EDITOR_INIT', 1);

  6.         }

  7.         $str .= "<script type=\"text/javascript\">\r\n";

  8.      $str .= "var editor = new baidu.editor.ui.Editor();editor.render('$textareaid');";

  9.      $str .= '</script>';

 

③打開/statics/js/ueditor/editor_config.js,找到以下代碼:

  1. var URL;  

  2. /**

  3.   * 此處配置寫法適用於UEditor小組成員開發使用,外部部署用戶請按照上述說明方式配置便可,建議保留下面兩行,以兼容可在具體每一個頁面配置window.UEDITOR_HOME_URL的功能。

  4.   */

  5. var tmp = location.protocol.indexOf("file")==-1 ? location.pathname : location.href;  

  6. URL = window.UEDITOR_HOME_URL||tmp.substr(0,tmp.lastIndexOf("\/")+1).replace("_examples/","").replace("website/","");//這裏你能夠配置成ueditor目錄在您網站的相對路徑或者絕對路徑(指以http開頭的絕對路徑)

 

  1. var URL;  

  2. var tmp = window.location.pathname,  

  3.   URL= "/statics/js/ueditor/"

  4. /**

  5.    * 此處配置寫法適用於UEditor小組成員開發使用,外部部署用戶請按照上述說明方式配置便可,建議保留下面兩行,以兼容可在具體每一個頁面配置window.UEDITOR_HOME_URL的功能。

  6.    */

  7. //var tmp = location.protocol.indexOf("file")==-1 ? location.pathname : location.href;

  8. //URL = window.UEDITOR_HOME_URL||tmp.substr(0,tmp.lastIndexOf("\/")+1).replace("_examples/","").replace("website/","");//這裏你能夠配置成ueditor目錄在您網站的相對路徑或者絕對路徑(指以http開頭的絕對路徑)

 

就是把默認的「var tmp」和「URL」註釋掉,換成百度編輯器的地址;


④修改完畢後,在/statics/js/ueditor/editor_config.js找到1十二、113行,修改編輯器默認寬度和高度,由於phpcms默認編輯器沒有那麼大:

  1. //,initialFrameWidth:1000  //初始化編輯器寬度,默認1000

  2. //,initialFrameHeight:320  //初始化編輯器高度,默認320

替換成:

  1. ,initialFrameWidth:655  //初始化編輯器寬度,默認1000

  2. ,initialFrameHeight:400  //初始化編輯器高度,默認320

如此,在添加文章時,編輯器就不會變形。

 

 

 

1.修改分頁,支持V9的[page]:

在editor_config.js文件裏的300行左右,找到

  1. //pageBreakTag

把這個字段修改爲:

  1. //pageBreakTag

  2.         //分頁標識符,默認是_baidu_page_break_tag_

  3.         ,pageBreakTag:'[page]'


2.附件上傳問題:
默認支持附件格式爲:rar,doc , docx", zip , pdf , txt , swf , wmv ,並且沒有附件管理,望高手補充。
附件目錄、支持格式的配置修改:

/ueditor/php/fileUp.php


3.截圖問題:
官方回覆截圖的功能不會更新。http://www.ueditorbbs.com/forum.php?mod=viewthread&tid=22037

4.背景設置問題:
貌似沒有本地上傳功能,能夠先上傳而後再設置。使用步驟:先打開背景功能,而後選擇背景圖

5.在修改/js/ueditor/editor_config.js時,有同窗說要改爲

  1. URL= "statics/js/ueditor/"

複製代碼

我也不知道爲啥,反正我是改爲

  1. URL= "/statics/js/ueditor/"

複製代碼

你們能夠試下本身的環境適合改爲什麼。小問題6.圖片上傳位置修改問題,原本我想把圖片上傳地址移到網站根目錄,結果能夠上傳但圖片地址卻有問題。看到新版1.2.6的源文件後,我準備換編輯器了。。。。不會php的人,玩不轉。

相關文章
相關標籤/搜索