ssm整合ueditor

1.通过网址:http://ueditor.baidu.com/website/download.html 下载ueditor jsp的utf-8版本

 

2.将下载的文件夹命名成ueditor后复制到项目的webapp目录下(如果复制到WEB-INF下,ueditor会有一个controller.jsp请求的404的错误)

3.在页面中引入相应的js文件

<script type="text/javascript" charset="utf-8"
        src="${pageContext.request.contextPath}/ueditor/ueditor.config.js"></script>
<script type="text/javascript" charset="utf-8"
        src="${pageContext.request.contextPath}/ueditor/ueditor.all.min.js"></script>
<!--建议手动加在语言，避免在ie下有时因为加载语言失败导致编辑器加载失败-->
<!--这里加载的语言文件会覆盖你在配置项目里添加的语言类型，比如你在配置项目里配置的是英文，这里加载的中文，那最后就是中文-->
<script type="text/javascript" charset="utf-8"
        src="${pageContext.request.contextPath}/ueditor/lang/zh-cn/zh-cn.js"></script>

4.加入ueditor初始化的代码，放在head内

<style type="text/css">
    .clear {
        clear: both;
    }
</style>
<script type="text/javascript">
    $(function () {
        var ue = UE.getEditor('content');   
    });
</script>

5.在页面相应的位置引入富文本

<script type="text/plain" id="content"></script>

6.在spring配置文件加入代码，否则请求不到js文件

 <mvc:resources location="/ueditor/" mapping="/ueditor/**"/>

7.此时可以看到富文本了，但是webapp/ueditor/jsp下的controller.jsp内

import="com.baidu.ueditor.ActionEnter"

会报错，因为lib文件夹内虽然有jar包，但是没有引入。

8.引入jar包，在pom.xml内加入

  <!-- 文件上传 -->
        <dependency>
            <groupId>commons-fileupload</groupId>
            <artifactId>commons-fileupload</artifactId>
            <version>1.3.3</version>
        </dependency>

        <!-- https://mvnrepository.com/artifact/org.json/json -->
        <dependency>
            <groupId>org.json</groupId>
            <artifactId>json</artifactId>
            <version>20171018</version>
        </dependency>
        
        <dependency>
            <groupId>commons-io</groupId>
            <artifactId>commons-io</artifactId>
            <version>2.6</version>
        </dependency>
        <!-- https://mvnrepository.com/artifact/commons-codec/commons-codec -->

        <dependency>
            <groupId>commons-codec</groupId>
            <artifactId>commons-codec</artifactId>
            <version>1.11</version>
        </dependency>

        <dependency>
            <groupId>com.baidu.ueditor</groupId>
            <artifactId>ueditor</artifactId>
            <version>1.1.2</version>
        </dependency>

但是ueditor在中央仓库内没有，需要手动加入

在ueditor/jsp/lib目录下打开命令窗口，运行下面代码

mvn install:install-file -Dfile=ueditor-1.1.2.jar -Dpackaging=jar -DgroupId=com.baidu.ueditor -DartifactId=ueditor -Dversion=1.1.2

9.controller.jsp内

out.getWriter().write( new ActionEnter( request, rootPath ).exec() );

会报错，改成

	response.getWriter().write( new ActionEnter( request, rootPath ).exec() );

10.对webapp/ueditor/jsp下的config.json进行修改

 否则上传的图片会404