Ueditor 1.3.5 JSP版配置
阿新 • • 發佈：2019-01-04
百度的東西用著還行，就是文件太老了。不廢話，上配置過程。
- 下載UEditor 1.3.5 JSP版UTF-8版 。
- 新建Web projiect，將解壓後的資料夾拖到WebRoot下，順手把資料夾改名為ueditor。
- 將ueditor/jsp下的commons-io-2.2-bin.tar.gz解壓，然後將commons-io-2.2下的commons-io-2.2.jar拷貝
到META-INF下去，將jsp下的commons-filleupload-1.2.2.jar和ueditor.jar拷貝到META-INF下去，然後引入
這3個jar包。
- 將jsp下的Uploader.java拷貝到package中去。
- 修改jsp下imageUp.jsp,import的路徑為步驟4的路徑，getRealPath的路徑為config.properties的路徑，
config.properties中存放的是你可以選擇的存放圖片的資料夾名稱
1 <%@ page language="java" contentType="text/html; charset=utf-8"
2 pageEncoding="utf-8"%>
3 <%@ page import="java.util.Properties" %>
4 <%@ page import="java.util.List" %>
5 <%@ page import="java.util.Iterator" %>
6 <%@ page import="java.util.Arrays" %>
7 <%@ page import="java.io.FileInputStream" %>
8 <%@ page import="test.Uploader" %>
9
10 <%
11
12 request.setCharacterEncoding("utf-8");
13response.setCharacterEncoding("utf-8");
14
15 //載入配置檔案16 Properties pro = new Properties();
17 String propertiesPath = request.getRealPath("/ueditor/jsp/config.properties");
18 Properties properties = new Properties(); - 修改ueditor下的ueditor.config.js，因為我的專案名位Ueditor
- 1 /**
2 * 編輯器資原始檔根路徑。它所表示的含義是：以編輯器例項化頁面為當前路徑，指向編輯器資原始檔（即dialog等資料夾）的路徑。
3 * 鑑於很多同學在使用編輯器的時候出現的種種路徑問題，此處強烈建議大家使用"相對於網站根目錄的相對路徑"進行配置。
4 * "相對於網站根目錄的相對路徑"也就是以斜槓開頭的形如"/myProject/ueditor/"這樣的路徑。
5 * 如果站點中有多個不在同一層級的頁面需要例項化編輯器，且引用了同一UEditor的時候，此處的URL可能不適用於每個頁面的編輯器。
6 * 因此，UEditor提供了針對不同頁面的編輯器可單獨配置的根路徑，具體來說，在需要例項化編輯器的頁面最頂部寫上如下程式碼即可。當然，需要令此處的URL等於對應的配置。
7 * window.UEDITOR_HOME_URL = "/xxxx/xxxx/";
8 */
9 window.UEDITOR_HOME_URL = "/Ueditor/ueditor/";
10 var URL = window.UEDITOR_HOME_URL || getUEBasePath();
11
12 /**
13 * 配置項主體。注意，此處所有涉及到路徑的配置別遺漏URL變數。
14 */
15 window.UEDITOR_CONFIG = {
16
17 //為編輯器例項新增一個路徑，這個不能被註釋
這個是index.jsp的程式碼，前兩個紅色行是引入js.
1 <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
3 String path = request.getContextPath();
4 String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
5 %>
6
7 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
8 <html>
9 <head>
10 <base href="<%=basePath%>">
11
12 <title>My JSP 'index.jsp' starting page</title>
13 <meta http-equiv="pragma" content="no-cache">
14 <meta http-equiv="cache-control" content="no-cache">
15 <meta http-equiv="expires" content="0">
16 <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
17 <meta http-equiv="description" content="This is my page">
18 <!--
19 <link rel="stylesheet" type="text/css" href="styles.css">
20 -->
21 <script type="text/javascript" src="ueditor/ueditor.config.js"></script>
22 <script type="text/javascript" src="ueditor/ueditor.all.js"></script>
23 <!-- <link rel="stylesheet" href="ueditor/themes/default/dialogbase.css"/>-->
24 </head>
25
26 <body>
27 This is my JSP page. <br>
28 <!-- <textarea name="content" id="myEditor">這裡寫你的初始化內容</textarea>
29 <script type="text/javascript">
30 UE.getEditor('myEditor');
31 </script> -->
32 <form action="" method="post">
33 <div id="myEditor"></div>
34 <script type="text/javascript">
35 var editor = new baidu.editor.ui.Editor();
36 editor.render("myEditor");
37 </script>
38 <input type="submit" name="submit" value="提交">
39 </form>
40 </body>
41 </html>
配置視窗大小等在config.js配置
