最近在做富文字編輯器的功能，使用了百度的UEditor，綜合的網上資料（很多不好用）然後自己總結了一下，分享給大家。

1. 下載UEditor
2. 下載Tomcat並進行配置
3. 更改UEditor配置檔案（重點）

4. 使用nginx反向代理Tomcat（用來顯示圖片，本人喜歡這樣用）

   1.下載UEditor

   傳送門：http://ueditor.baidu.com/website/download.html
   我使用的是[1.4.3.3 Jsp 版本]、UTF-8版，大家下載即可，得到ueditor1_4_3_3-utf8-jsp.zip，解壓得到utf8-jsp資料夾，將資料夾改名為ueditor
   
   #### 2.下載Tomcat並配置
   配置Tomcat環境變數
   新建變數名：CATALINA_BASE，變數值：D:\Software\apache-tomcat-8.5.16
   新建變數名：CATALINA_HOME，變數值：D:\Software\apache-tomcat-8.5.16
   開啟PATH，新增變數值：%CATALINA_HOME%\lib;%CATALINA_HOME%\bin

   3.更改UEditor配置檔案

   將ueditor資料夾放入Tomcat下的webapp檔案下，開啟ueditor資料夾下的jsp檔案，修改config.json檔案，將”imagePathFormat”修改為”/static/page/upload/image/{yyyy}{mm}{dd}/{time}{rand:8}”，/static/page會成為被配置成nginx中的location。
   

   4.使用nginx反向代理Tomcat

   下載nginx，並配置nginx.conf檔案
   

   好啦，啟動Tomcat和nginx，我們來看看效果，注意看位址列
   
   我們來上傳圖片，注意看位址列
   
   使用圖片地址來顯示圖片，注意看位址列

   
   

這樣就完成了圖片上傳了，在html中就可以應用圖片了