首先到官網上面下載相應的demo

官網： http://ueditor.baidu.com/website/download.html 

選擇jsp版本的 ，然後下載

下載後解壓完就是如下圖所示

在webRoot下面建立一個資料夾 名字叫ueditor 如圖所示

把剛剛下載的demo 放入ueditor 裡面  如圖所示

然後把jsp/lib 裡面的jar包複製到webRoot/WEB-INF/lib  如圖     這步很重要，如果沒有的話，一直會提示controller.jsp編譯異常

最後一步在jsp/config.json 裡面修改圖片的字首  如圖

在富文字選擇圖片後，如果圖片太大，要把圖片壓縮在富文字框裡面，找到themes/iframe.css

然後這裡面  有這句話  可以在這裡新增你自己的css  

然後把下面這些程式碼複製到css裡面

img {
max-width: 100%; /*圖片自適應寬度*/
}
body {
overflow-y: scroll !important;
}
.view {
word-break: break-all;
}
.vote_area {
display: block;
}
.vote_iframe {
background-color: transparent;
border: 0 none;
height: 100%;
}
#edui1_imagescale{display:none !important;} /*去除點選圖片後出現的拉伸邊框*/

這樣就可以讓圖片在富文字框裡面不超出邊界了

這樣就完成了，如果有什麼問題的可以聯絡我的qq2506158741