UEditor 1.2.5 for jsp的使用

1、从ueditor的官方网站定制下载需要功能的工具包

UEditor 1.2.5 for jsp的使用



2、在web项目的根目录新建文件夹ueditor,把工具包中的dialogs, lang, themes, third-party文件夹和editor_all.js, editor_config.js, uparse.js文件复制到项目中的ueditor文件夹下 

UEditor 1.2.5 for jsp的使用

把工具包中jsp文件夹下的commons-fileupload-1.2.2.jar文件在项目中引用,ueditor.jar和Uploader.java只需要使用其中一个就可以了。如果上传图片和文件都使用ueditor默认的路径(/webname/ueditor/jsp/upload/)则只需要在项目中引用ueditor.jar包;如果需要自己定义上传图片和文件的路径则不使用ueditor.jar包,而是在项目中新建包ueditor,并把Uploader.java类复制到包中。

在项目中的ueditor文件夹下新建一个名为jsp的文件夹,把工具包中jsp文件夹下所有的jsp文件都复制到新建的jsp文件夹下。


UEditor 1.2.5 for jsp的使用



3、在页面中使用

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8"/>
<title>Insert title here</title>
<script type="text/javascript" charset="utf-8" src="ueditor/editor_config.js"></script>
<script type="text/javascript" charset="utf-8" src="ueditor/editor_all.js"></script>
<script type="text/javascript" src="Scripts/jquery-1.9.1.min.js"></script>
<script type="text/javascript">
	$(document).ready(function(){
		var editor = new UE.ui.Editor({
			textarea : 'description'
		});
		editor.render("txtEditor");
	});
</script>
</head>
<body>
	<form action="/UeditorDemo/editorServlet.do" id="upForm" name="upForm" method="post">
		<script type="text/plain" id="txtEditor">${description}</script>
		<input type="submit" value="submit" id="btnSubmit"/>
	</form>
</body>
</html>
Servlet获取编辑器的值(最好使用post方式)

request.setCharacterEncoding("utf-8");
response.setContentType("text/html");
response.setCharacterEncoding("utf-8");
		
String description = request.getParameter("description");





你可能感兴趣的:(UEditor 1.2.5 for jsp的使用)