原有系統(tǒng)采用fckeditor,無法使用遠(yuǎn)程抓取圖片，可以進(jìn)行圖片管理，圖片上傳無水印，無添加代碼模式。

采用ueditor的優(yōu)勢，可以遠(yuǎn)程抓取圖片，可使用代碼模式。圖片可以進(jìn)行管理，但是無法刪除圖片，圖片上傳無水印。

重點(diǎn)，本次修改更改了圖片上傳的路徑、文件上傳的路徑、遠(yuǎn)程抓取后圖片上傳地址、圖片管理文件夾地址。

替換過程參考百度官方配置方法

一、在你頁面head內(nèi)，引用ueditor文件、配置文件和語言包文件。插入下面的代碼，修改引用路文件的路徑。

<!-- 配置文件 --><script type="text/javascript" src="./ueditor/ueditor.config.js"></script>
<!-- 編輯器源碼文件 --><script type="text/javascript" src="./ueditor/ueditor.all.js"></script>
<!-- 語言包文件(建議手動(dòng)加載語言包，避免在ie下，因?yàn)榧虞d語言失敗導(dǎo)致編輯器加載失敗) --><script type="text/javascript" src="./ueditor/lang/zh-cn/zh-cn.js"></script>

二、實(shí)例化編輯器

<script type="text/javascript">
var editor = new UE.ui.Editor({ initialFrameWidth:700});
textarea:'content'; //與textarea的name值保持一致
editor.render('content');
</script>
<textarea id="content" name="content">{:$mle['article']['content']:}</textarea>

替換文件說明

1、ueditor.config.js

var URL = window.UEDITOR_HOME_URL || getUEBasePath();
var URL2 ="/inc/";    //如果網(wǎng)站是安裝在根目錄，則為/inc/  樂道修改

        //圖片上傳配置區(qū)

        ,imageUrl:URL+"php/imageUp.php"             //圖片上傳提交地址

        ,imagePath:URL2+""                //圖片修正地址，引用了fixedImagePath,如有特殊需求，可自行配置

        //附件上傳配置區(qū)

        ,fileUrl:URL+"php/fileUp.php"               //附件上傳提交地址

        ,filePath:URL2 + ""                   //附件修正地址，同imagePath  樂道修改

        //遠(yuǎn)程抓取配置區(qū)

        //,catchRemoteImageEnable:true               //是否開啟遠(yuǎn)程圖片抓取,默認(rèn)開啟

        ,catcherUrl:URL +"php/getRemoteImage.php"   //處理遠(yuǎn)程圖片抓取的地址

        ,catcherPath:URL2 + ""                  //圖片修正地址，同imagePath

        //,catchFieldName:"upfile"                   //提交到后臺(tái)遠(yuǎn)程圖片uri合集，若此處修改，需要在后臺(tái)對應(yīng)文件修改對應(yīng)參數(shù)

        //,separater:'ue_separate_ue'               //提交至后臺(tái)的遠(yuǎn)程圖片地址字符串分隔符

        //,localDomain:[]                            //本地頂級(jí)域名，當(dāng)開啟遠(yuǎn)程圖片抓取時(shí)，除此之外的所有其它域名下的圖片都將被抓取到本地,默認(rèn)不抓取127.0.0.1和localhost

        //圖片在線管理配置區(qū)

        ,imageManagerUrl:URL + "php/imageManager.php"       //圖片在線管理的處理地址

        ,imageManagerPath:URL2 + ""                        //圖片修正地址，同imagePath

2、config.php

//圖片上傳允許的存儲(chǔ)目錄

    'imageSavePath' => array (

        'article', 'photo', 'files'     //樂道修改

    )

3、imageup.php

$config[ 'savePath' ] = '../../../uploads/'.$path . '/';  //樂道修改

$info["url"]=str_replace('../../../','',$info["url"]);  //樂道修改

    echo "{'url':'" . $info["url"] . "','title':'" . $title . "','original':'" . $info["originalName"] . "','state':'" . $info["state"] . "'}";

4、imageManager.php

    //需要遍歷的目錄列表，最好使用縮略圖地址，否則當(dāng)網(wǎng)速慢時(shí)可能會(huì)造成嚴(yán)重的延時(shí)

    $paths = array('../../../uploads');   //樂道修改

$str = str_replace('../../../','',$str);  //樂道修改

        echo $str;

5、fileUp.php

//上傳配置

    $config = array(

        "savePath" => "../../../uploads/files/" , //保存路徑

$url = str_replace('../../../','',$info[ "url" ] );  //樂道修改

    echo '{"url":"' . $url . '","fileType":"' . $info[ "type" ] . '","original":"' . $info[ "originalName" ] . '","state":"' . $info["state"] . '"}';