使用idea实现博客项目使用UEditor 富文本编辑器实现图片上传功能

最新推荐文章于 2022-04-15 11:47:44 发布

西轩草诏暇

最新推荐文章于 2022-04-15 11:47:44 发布

阅读量1.4k

点赞数

分类专栏： SSM整合+JS 文章标签：小白学编程 idea：ssm+ueditor

本文链接：https://blog.youkuaiyun.com/qq_31416771/article/details/89184801

版权

这篇博客记录了在IDEA中使用SSM框架结合UEditor富文本编辑器进行图片上传功能的配置过程。作者在配置过程中遇到困难，但最终成功，并提供了详细的步骤，包括在webapp下创建ueditor文件夹，拷贝jsp文件，添加jar到lib目录，修改pom.xml，以及调整UEditor的配置文件如config.json和controller.jsp。适合初学者参考。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前言

1.做毕设用，苦恼了很久
2.网上的教程东一锤子西一榔头，终于配置好了，做一下记录，希望别人也可以看到
3.如果哪里写错了，或者有更好的方法，还请各位大佬多多指教

准备工具

官网下载UEditor：https://ueditor.baidu.com/website/download.html
下载完整版和jsp版本
在这里插入图片描述

一、解压后在idea项目webapp下新建ueditor文件夹，将jsp版本全部拷贝到ueditor文件夹下。

在这里插入图片描述

二、将ueditor/jsp里面的jar(5个)拷贝到WEB-INF/lib下

三、配置本地jar的pom.xml【代码可能有问题，但是可以用，不太了解groupId】

<!--ueditor-->
    <dependency>
      <groupId>org.webjars.bower</groupId>
      <artifactId>ueditor</artifactId>
      <version>1.1.2</version>
    </dependency>
    <dependency>
      <groupId>org.webjars.bower</groupId>
      <artifactId>commons-codec-1.9</artifactId>
      <version>1.9</version>
      <scope>system</scope>
      <systemPath>${basedir}/src/main/webapp/WEB-INF/lib/commons-codec-1.9.jar</systemPath>
    </dependency>
    <dependency>
      <groupId>org.webjars.bower</groupId>
      <artifactId>commons-fileupload-1.3.1</artifactId>
      <version>1.3.1</version>
      <scope>system</scope>
      <systemPath>${basedir}/src/main/webapp/WEB-INF/lib/commons-fileupload-1.3.1.jar</sy