News新闻

业界新闻动态、技术前沿
Who are we?

您的位置:首页      乐道系统FAQ      百度编辑器ueditor 上传目录更改 ueditor配置

百度编辑器ueditor 上传目录更改 ueditor配置

发布日期:2014-03-20 00:00:00 2343

原有系统采用fckeditor,无法使用远程抓取图片,可以进行图片管理,图片上传无水印,无添加代码模式。

采用ueditor的优势,可以远程抓取图片,可使用代码模式。图片可以进行管理,但是无法删除图片,图片上传无水印。

重点,本次修改更改了图片上传的路径、文件上传的路径、远程抓取后图片上传地址、图片管理文件夹地址。


替换过程参考百度官方配置方法

一、在你页面head内,引用ueditor文件、配置文件和语言包文件。插入下面的代码,修改引用路文件的路径。

<!-- 配置文件 --><script type="text/javascript" src="./ueditor/ueditor.config.js"></script>
<!-- 编辑器源码文件 --><script type="text/javascript" src="./ueditor/ueditor.all.js"></script>
<!-- 语言包文件(建议手动加载语言包,避免在ie下,因为加载语言失败导致编辑器加载失败) --><script type="text/javascript" src="./ueditor/lang/zh-cn/zh-cn.js"></script>


二、实例化编辑器

<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/";    //如果网站是安装在根目录,则为/inc/  乐道修改

        //图片上传配置区

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

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


        //附件上传配置区

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

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


        //远程抓取配置区

        //,catchRemoteImageEnable:true               //是否开启远程图片抓取,默认开启

        ,catcherUrl:URL +"php/getRemoteImage.php"   //处理远程图片抓取的地址

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

        //,catchFieldName:"upfile"                   //提交到后台远程图片uri合集,若此处修改,需要在后台对应文件修改对应参数

        //,separater:'ue_separate_ue'               //提交至后台的远程图片地址字符串分隔符

        //,localDomain:[]                            //本地顶级域名,当开启远程图片抓取时,除此之外的所有其它域名下的图片都将被抓取到本地,默认不抓取127.0.0.1和localhost


        //图片在线管理配置区

        ,imageManagerUrl:URL + "php/imageManager.php"       //图片在线管理的处理地址

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


2、config.php

//图片上传允许的存储目录

    '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

    //需要遍历的目录列表,最好使用缩略图地址,否则当网速慢时可能会造成严重的延时

    $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"] . '"}';