最近在寫資料庫大作業——BBS論壇系統，其中發帖子內容時用到了UEditor，在此記錄一下。UEditor是由百度WEB前端研發部開發的所見即所得的開源富文字編輯器，具有輕量、可定製、使用者體驗優秀等特點。開源基於BSD協議，所有原始碼在協議允許範圍內可自由修改和使用。百度UEditor的推出，可以幫助不少網站開發者在開發富文字編輯器所遇到的難題，節約開發者因開發富文字編輯器所需要的大量時間，有效降低了企業的開發成本。接下來，是關於在JSP頁面中嵌入UEditor的配置。
1.首先，下載UEditor壓縮包，網盤連結(永久有效)：https://pan.baidu.com/s/1cbKUho，下載後解壓為資料夾命名為ueditor。
2.將解壓後的ueditor資料夾整個複製到Eclipse的web專案中的WebContent目錄下。將/WebContent/ueditor/jsp/lib下的5個jar包複製到/WebContent/WEB-INF/lib中。在Eclipse的Project Explorer中右擊專案名選擇重新整理。

<script type="text/javascript" src="ueditor/ueditor.config.js"></script>  
<script type="text/javascript" src="ueditor/ueditor.all.js"></script>  
<link rel="stylesheet" href="ueditor/themes/default/css/ueditor.css"
 
> 
<script type="text/javascript" charset="utf-8"  
    src="ueditor/lang/zh-cn/zh-cn.js"></script>  

4.新增textarea標籤並例項化編輯器

  <textarea id="container" name="text" placeholder="請輸入帖子正文內容" 
   style="width: 720px; height: 400px; margin: 0 auto;"></textarea> 

  <script type="text/javascript"
 
>  
        UE.getEditor("container");  
  </script>>

5.最後，在/ueditor/jsp/config.json中圖片上傳路徑的配置

6.最後實現效果如下：