百度编辑器UEditor使用

1.下载UEditor

2.编写jsp页面：

<textarea id="add_article_content" rows="15" cols="20" name="content"  style="width: 100%; height:200px;"></textarea>

  <script type="text/javascript">
    var WEB_HOME_URL = "${applicationScope.webPath}";//设置后台请求目录
var UEDITOR_HOME_URL = "${applicationScope.webPath}resources/framework/ueditor-1.4.3.1/";//设置静态文件根目录
</script>
<!-- 百度编辑器配置文件 -->
<script type="text/javascript" src="resources/framework/ueditor-1.4.3.1/ueditor.config.js"></script>
<!-- 百度编辑器编辑器源码文件 -->
<script type="text/javascript" src="resources/framework/ueditor-1.4.3.1/ueditor.all.js"></script>

<script type="text/javascript">

var ue = UE.getEditor('add_article_content');//初始化编辑器

</script>

3.修改前段配置：ueditor.config.js

var URL = UEDITOR_HOME_URL || window.UEDITOR_HOME_URL || getUEBasePath();

  window.UEDITOR_CONFIG = {

        //为编辑器实例添加一个路径，这个不能被注释
        UEDITOR_HOME_URL: URL

        // 服务器统一请求接口路径
        , serverUrl: (WEB_HOME_URL||"/")+"file/upload.do"//设置后台服务地址

..........................

注意：UEditor 所有的请求都是一个地址，以参数action判断具体请求类型

如获取配置文件：file/upload.do?action=config （返回config.json类容）

上传文件：file/upload.do?action=upload

4.修改后台配置文件：config.json

"imageActionName": "upload", /* 执行上传图片的action名称 */
         "imageFieldName": "imgFile", /* 提交的图片表单名称 */
         "imageMaxSize": 2048000, /* 上传大小限制，单位B */

5.编写后台处理上传的代码file/upload.do

所有返回结果请求均以json格式返回，具体格式可以在官网上操作样例，并查看返回结果即可