maven构建的java web项目如何集成Ueditor

一、Ueditor介绍

Ueditor是百度团队开源的编辑管理器，特别是对于内容管理系统来说，图文并茂的文章进行编辑发布是非常有必要的。而且它在源码上还实现了多种不同语言的demo，上手比较简单，下面就一起来了解一下。

二、Ueditor的下载

​​https://github.com/fex-team/ueditor/tree/v1.4.3.3​​

根据官方文档的说明：

1. ​​git clone ​​仓库
2. ​​npm install​​ 安装依赖（如果没有安装 grunt , 请先在全局安装 grunt）
3. 在终端执行​​grunt default​​

在执行以上命令后，会在当前目录下生成一个文件夹 dist/,只是里面的服务端demo是php版本的，如果你是整合到javaweb项目中，则可以把php的目录替换为解压后目录中的jsp。

最终效果如下：

三、整合到maven构建的web项目

在idea中通过maven构建出webapp项目，并把Ueditor中对应的文件放入指定目录下，我的目录结构如下：

紧接着，需要修改项目的pom依赖以及配置：

pom.xml

<dependency>
    <groupId>junit</groupId>
    <artifactId>junit</artifactId>
    <version>4.11</version>
    <scope>test</scope>
</dependency>
<dependency>
    <groupId>javax.servlet</groupId>
    <artifactId>javax.servlet-api</artifactId>
    <version>3.1.0</version>
</dependency>
<dependency>
    <groupId>javax.servlet.jsp</groupId>
    <artifactId>jsp-api</artifactId>
    <version>2.1</version>
</dependency>
<dependency>
    <groupId>javax.servlet</groupId>
    <artifactId>jstl</artifactId>
    <version>1.2</version>
</dependency>
<dependency>
    <groupId>taglibs</groupId>
    <artifactId>standard</artifactId>
    <version>1.1.2</version>
</dependency>
<dependency>
    <groupId>mysql</groupId>
    <artifactId>mysql-connector-java</artifactId>
    <version>8.0.18</version>
</dependency>
<dependency>
    <groupId>com.alibaba</groupId>
    <artifactId>fastjson</artifactId>
    <version>1.2.75</version>
</dependency>

四、把项目打为war包，便于发布到web容器，如：Tomcat

这里有个细节需要注意，如果当下直接打包，项目可能会报错：

[ERROR] ...找不到符号

[ERROR] 符号:   变量 Base64

[ERROR] 位置: 类 com.baidu.ueditor.upload.Base64Uploader

[ERROR] /F:/java_projects/ueditor-module/src/main/java/com/baidu/ueditor/upload/StorageManager.java:[117,31] 找不到符号

[ERROR] 符号:   变量 FileUtils

[ERROR] 位置: 类 com.baidu.ueditor.upload.StorageManager

虽然在打包前将原来的 lib/ 依赖添加到项目，但是打包是通过maven打包，因此在最终编译时会找不到这些依赖，如何解决呢？....方案如下：

在pom.xml找到

<plugin>
    <artifactId>maven-compiler-plugin</artifactId>
    <version>3.8.0</version>
</plugin>

并将其改为如下配置：（将lib/也编译到项目包中）

<plugin>
    <artifactId>maven-compiler-plugin</artifactId>
    <version>3.8.0</version>
    <configuration>
        <encoding>UTF-8</encoding>
        <source>1.8</source>
        <target>1.8</target>
        <includes>lib</includes>
    </configuration>
</plugin>

再次打包，结果为：

最后把项目发布并测试，结果如下：