如何部署JSP版本的百度富文本编辑器（带图片上传功能）

博主之前因为公司项目需要部署百度的富文本编辑器到项目中，由于之前一直是后端开发，所以部署上还是费了一番心思的，网上也有很多教程但是用起来总会有各种问题，今天在这里记录一下以备今后的不时之需，也希望帮助到需要用到的人。
首先我们要去百度富文本编辑器的官网上下载源码：

百度编辑机器官网的超链接
我用的是JSP的，下载UTF-8版本就可以。

然后我们找到刚刚下载的文件，打开后可以看到如下的目录结构：

然后我们可以直接将这些文件全部复制到我们的项目中，我用的是springboot项目，所以就放到了resources下的static目录下面：

然后我们打开jsp文件夹下的lib文件夹 将里面的jar包添加到自己的项目依赖中，具体怎么操作就不多赘述了，入门级的。
接下来就比较重要了，我们打开utf8-jsp下的ueditor.config.js文件，打开后界面如下：

这里面最重要的就是这行代码了，原来的代码好像指向的是它自带的controller.jsp，具体我也忘记了时间太久，这行代码的作用是读取百度编辑器的配置文件，而你的配置文件就在utf8-jsp/jsp/config.json，由于之前我部署的时候从controller.jsp跳转一直出问题，所以这里我就直接让他读取json文件了。
然后我们打开config.json文件，界面如图：

这里主要配置的是上传图片的配置项，重要的就是imageFieldName，这个和你上传图片的接口的参数名字一定要一致，比如你上传图片，后台接口接受这个文件的参数名是test，那么imageFieldName：“test”，这个是不可以写错的，否则上传会报错。接下来就是imageUrlPrefix了，这个是图片上传之后的图片回显的前缀，如果上传到云服务器，就写你访问图片的域名就可以了。
这样我们编辑器的配置就基本结束了，现在我们在前端进行调用。
首先我们引用js

项目路径配置的时候需要引用到自己文件夹下的js，和我的可能会不一样，注意自行修改。
然后我们在body中写一个用来显示编辑器的标签，如图：

就一行，非常简单，但是现在还没完，我们还需要写实例化编辑器的js，在项目最下面写一个在中间写方法：

在js方法中我们可以自定义编辑器的样式，具体可以参考官网给出的参数。
都配置完了后我们就可以启动项目，来看看我们的编辑器了

看一看，文字和图片插入与回显都没有问题了。别看代码没多少，对于没弄过的人来说还真有点难搞，不过成功之后的滋味还是非常不错的，那么本篇文章就写到这里，如果有不懂的地方或者发现本文有问题欢迎留言。