富文字編輯器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><htmllang="en-US"> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; %> <head><metacharset="UTF-8"><title>ueditor demo</title></head><body><formaction="xxx"method="post"><!-- 載入編輯器的容器 --><scriptid="container"name="content"type="text/plain">這裡寫你的初始化內容</script></form><!-- 配置檔案 --><scripttype="text/javascript"src="<%=basePath%>ueditor.config.js"></script><!-- 編輯器原始碼檔案 --><scripttype="text/javascript"src="<%=basePath%>ueditor.all.js"></script><!-- 例項化編輯器 --><scripttype="text/javascript">var editor = UE.getEditor('container');</script></body></html>
-
