富文字編輯器UEditor在JSP中的使用
阿新 • • 發佈:2018-12-23
-
解壓對應的UEditor壓縮包至Tomcat的webapps目錄下,最終,UEditor的安裝路徑為:
D:\apache-tomcat-6.0.41\webapps\ueditor1_4_3-utf8-jsp\
-
進入目錄:
D:\apache-tomcat-6.0.41\webapps\ueditor1_4_3-utf8-jsp\
建立如下兩個資料夾(注意區分大小寫):WEB-INF\lib\
-
拷貝目錄:
D:\apache-tomcat-6.0.41\webapps\ueditor1_4_3-utf8-jsp\jsp\lib\
下的所有jar包到第2步建立的lib目錄下,結果如圖所示: -
部署完成,雙擊以下指令碼檔案,啟動Tomcat(需要正確配置JAVA_HOME環境變數)。
D:\apache-tomcat-6.0.41\bin\startup.bat
出現如下所示介面,則表示伺服器啟動成功。 - 進入5 驗證安裝步驟,驗證部署是否成功。
3.2 Eclipse部署
-
在Eclipse中配置Tomcat 6.0。
-
在Eclipse中建立一個名為
AAA
的“Web Project”專案。如下圖所示: - 解壓下載的UEditor包到D盤根目錄。4.
- 在Eclipse中的專案AAA下的“WebRoot”目錄上右擊,在彈出的選單中選擇:Import->Import...,彈出如下圖所示對話方塊:
- 在彈出的對話方塊中展開General項,雙擊“File System”後彈出對話方塊,如下圖所示:
- 點選“Browse...”按鈕,在彈出的檔案選擇對話方塊中選中第3步中解壓出來的ueditor資料夾,並勾選全部檔案,結果如下圖所示:
- 點選“Finish”按鈕,完成匯入。
- 拷貝目錄jsp/lib/下的所有jar包到WEB-INF/lib/目錄下,
部署至此完成,最終專案的結構如下圖所示:
- 新增該專案到Tomcat中,並啟動Tomcat,在Eclipse的“Console”面板中出現如下圖所示的介面時,啟動成功。
- 把容器放到form表單裡面,設定好要提交的路徑,如下面程式碼中的<form>標籤
在瀏覽器位址列中輸入如下URL:http://localhost:8080/AAA/index.jsp,出現類似下圖所示內容,則配置成功,否則,即為失敗。<!DOCTYPE HTML>
-