百度ueditor踩坑,ueditor图片上传

  最近开发了一个网站，后台编辑文章使用了富文本编辑器kindeditor，在使用过程重碰到选择微软雅黑字体时候生成html语言标记有问题。把引号转义成&quote，（这个问题在非chrome浏览器没问题。应该是谷歌浏览器的问题）。之前以为是kindeditor bug，因为此产品很久没更新了。后来找了个百度ueditor，进入主页首先找文档，结果看了之后有用的很少。

  现在讲解使用过程之前kindeditor是定义textarea标签，在js里面初始化，ueditor也可以，而且可以用<script id="edit" type="text/pain"></script>。在控件显示出来后，上传图片显示，“后台配置项不正确”。网上找基本都是说路径配置问题。接下来用firedebug监控日志和网络信息，看到有个请求url失败，这个地址在我这个项目是不存在，也没有合适controller来处理。

  接下来就是把ueditor文件夹拷贝到根目录，就是拷贝到web_inf同级目录。把lib下的jar引入，把ueditor java源码目录拷贝到自己项目里。接下来主要是对jsp下面controller.jsp移植，因为我这个项目是srpingmvc的，把jsp转为controller。新建一个uecontrooler java 拷贝jsp里面的内容，代码如下

@Controller
@RequestMapping("/ueditor/ued")
public class UEditorController {
        @RequestMapping(value="/config")
    @Permission(action = Action.Skip)
    @Login(action = Action.Skip)
    public void config(HttpServletRequest request, HttpServletResponse response) {
 
        response.setContentType("application/json");
        String rootPath = request.getSession()
                .getServletContext().getRealPath("/");
 
        try {
            String exec = new ActionEnter(request, rootPath).exec();
            PrintWriter writer = response.getWriter();
            writer.write(exec);
            writer.flush();
            writer.close();
        } catch (IOException e) {
            e.printStackTrace();
        }
    }
}

因为ueditor放在根目录，所以getRealPath("/");

最后一步关键是设置项目上下文地址，在引用js地方

<script>window.PROJECT_CONTEXT = "/";</script>

修改ueditor.config.js，

  window.UEDITOR_CONFIG = {

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

        // 服务器统一请求接口路径
        , serverUrl: URL + "ued/config"

服务器统一请求接口路径跟uecontroller.java的地址映射一致。最后配置config.json，把里面上传路径配置修改。

这个文件存放路径根据配置信息请求URL，我这里设置的是/ueditor/ued/config，这个文件要放在config的父级目录。

踩坑目前暂时结束。