線上搜尋的功能不是很好用，有待改進！需要改ueditor/php/config.json檔案的路徑

"imagePathFormat": "/upload/{filename}",/* 上傳儲存路徑,可以自定義儲存路徑和檔名格式 */
                                /* {filename} 會替換成原檔名,配置這項需要注意中文亂碼問題 */
                                /* {rand:6} 會替換成隨機數,後面的數字是隨機數的位數 */
                                /* {time} 會替換成時間戳 */
 

                                /* {yyyy} 會替換成四位年份 */
                                /* {yy} 會替換成兩位年份 */
                                /* {mm} 會替換成兩位月份 */
                                /* {dd} 會替換成兩位日期 */
                                /* {hh} 會替換成兩位小時 */
                                /* {ii} 會替換成兩位分鐘 */
 

                                /* {ss} 會替換成兩位秒 */
                                /* 非法字元 \ : * ? " < > | */
                                /* 具請體看線上文件: fex.baidu.com/ueditor/#use-format_upload_filename */
"imageManagerActionName": "listimage", /* 執行圖片管理的action名稱 */

引入富文字編輯器的js
<script type="text/javascript"
 
 src="/dist/ueditor/ueditor.config.js"></script>
<script type="text/javascript" src="/dist/ueditor/ueditor.all.min.js"></script>

<script type="text/javascript" src="/dist/ueditor/lang/zh-cn/zh-cn.js"></script>
<img src="" id="preview" style='width:100px;height:100px;'>

                                        href="javascript:void(0);" onclick="upImage();">點選上傳</a>
                            <input class='hidpic' name='hidpic' type="hidden" value=''>

                            <script type="text/javascript">

var _editor;
$(function() {
    if($('#preview').attr('src','')){
        $('#preview').css('display','none');
    }

//重新例項化一個編輯器，防止在上面的editor編輯器中顯示上傳的圖片或者檔案
_editor = UE.getEditor('upload_ue');
_editor.ready(function () {
//設定編輯器不可用
_editor.setDisabled();
//隱藏編輯器，因為不會用到這個編輯器例項，所以要隱藏
_editor.hide();
//偵聽圖片上傳
_editor.addListener('beforeInsertImage', function (t, arg) {
//將地址賦值給相應的input,只去第一張圖片的路徑
$("#picture").attr("value", arg[0].src);
//圖片預覽
$('#preview').css('display','inline-block');
$("#preview").attr("src", arg[0].src);
$('.hidpic').attr("value", arg[0].src);
// alert($('.hidpic').attr("value"))
})
//偵聽檔案上傳，取上傳檔案列表中第一個上傳的檔案的路徑
_editor.addListener('afterUpfile', function (t, arg) {
$("#file").attr("value", _editor.options.filePath + arg[0].url);
})
});
}); 
//彈出圖片上傳的對話方塊
function upImage() {
var myImage = _editor.getDialog("insertimage");
myImage.open();
}
//彈出檔案上傳的對話方塊
function upFiles() {
var myFiles = _editor.getDialog("attachment");
myFiles.open();
}
</script>