JavaWeb集成Ueditor富文本编辑器 写入数据库并读取

开发环境：IDEA+Maven

富文本编辑器选择： Uedito是在很多项目里经常用到的框架，是百度开发团队开发的一款很好用的富文本编辑器

1、下载 Uedito 1.4.3.3 Jsp版本 UTF-8版
下载链接：http://ueditor.baidu.com/website/download.html

2、解压下载的压缩包到项目文件src/webapp目录下

3、将导入到项目中的文件夹 utf-8-jsp/jsp/lib 文件夹中的 jar包 导入到项目中的 WEB-INF/libs 文件夹中，并 Add As Library

4、在pom.xml中添加依赖，但是maven中央仓库没有相关的jar包。所以可以在pom.xml中加入自己项目中的坐标，指向刚刚添加的jar包。

        <dependency>
            <groupId>com.baidu</groupId>
            <artifactId>ueditor</artifactId>
            <version>1.1.2</version>
            <scope>system</scope>
            <systemPath>${pom.basedir}/src/main/webapp/WEB-INF/libs/ueditor-1.1.2.jar</systemPath>
        </dependency>

        <dependency>
            <groupId>org.json</groupId>
            <artifactId>json</artifactId>
            <version>RELEASE</version>
            <scope>system</scope>
            <systemPath>${pom.basedir}/src/main/webapp/WEB-INF/libs/json.jar</systemPath>
        </dependency>

        <dependency>
            <groupId>commons-codec</groupId>
            <artifactId>commons-codec</artifactId>
            <version>1.9</version>
            <scope>system</scope>
            <systemPath>${pom.basedir}/src/main/webapp/WEB-INF/libs/commons-codec-1.9.jar</systemPath>
        </dependency>

        <dependency>
            <groupId>commons-fileupload</groupId>
            <artifactId>commons-fileupload</artifactId>
            <version>1.3</version>
            <scope>system</scope>
            <systemPath>${pom.basedir}/src/main/webapp/WEB-INF/libs/commons-fileupload-1.3.1.jar</systemPath>
        </dependency>

        <dependency>
            <groupId>commons-io</groupId>
            <artifactId>commons-io</artifactId>
            <version>2.4</version>
            <scope>system</scope>
            <systemPath>${pom.basedir}/src/main/webapp/WEB-INF/libs/commons-io-2.4.jar</systemPath>
        </dependency>

5、将utf8-jsp中的index.html文件转移到webapp目录下，删掉不需要的按钮和功能，即可使用。

5、此时使用Ueditor上传图片可以发现，图片无法正常显示。
这是因为图片的路径出现了问题，应该放在webapp（或者是WebContent）文件夹下，该文件夹应与WEB-INF同级。

而Ueditor默认的路径是ueditor/jsp/upload/images，所以会导致图片无法显示。
解决方法：打开webapp/utf8-jsp/jsp找到config.json，ctrl+R将路径换为images/，除了images还有video和file，修改方法类似。

6、美化编辑器
参考链接：https://www.cnblogs.com/52lnamp/p/9232919.html

待更新。。。