Spring Boot整合UEditor不修改源码

最新推荐文章于 2024-03-31 03:01:48 发布
置顶 最新推荐文章于 2024-03-31 03:01:48 发布
阅读量1.2k 收藏 1
点赞数 3
文章标签： UEditor Springboot 零配置 Spring boot
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xujie784442670/article/details/84533380
版权

  1.创建Springboot项目,目录结构如下

          

  2.pom文件引入

  1. <dependency>
    <groupId>cn.jasonone.ueditor</groupId>
	<artifactId>ueditor-spring-boot-starter</artifactId>
	<version>1.2.2</version>
</dependency>

     

3. Springboot 配置

  1. Java配置(必选)

    @SpringBootApplication
@EnableUeditor //启用Ueditor
//@EnableUeditor(LocationFileStorage.class) //启用Ueditor并指定文件持久化类
public class UeditorSpringBootExampleApplication {

	public static void main(String[] args) {
		SpringApplication.run(UeditorSpringBootExampleApplication.class, args);
	}
}

     

  2. application.yml配置(可选)

    ue:
  root-path: classpath:/static #文件存储根目录(可选配置),默认为[classpath:/static]
  server-url: /ueditor/jsp/controller #服务器统一请求接口路径(可选配置),默认为[/ueditor/jsp/controller]

     注意: config.json 文件位置默认为server-url的上级目录,如server-url=/ueditor/jsp/controller 则config.json文件应该存放于 ${root-path}/ueditor/jsp/config.json

 4.UEditor配置(必选)

  • static/ueditor/ueditor.config.js 将serverUrl 改为application.yml 中ue.server-url 的值
  1. //...
//服务器统一请求接口路径
, serverUrl: URL + "jsp/controller"
//...

 5.HTML代码(index.html)

  1. <!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
	<script type="text/plain" id="editor"></script>
	<script th:src="@{/ueditor/ueditor.config.js}"></script>
	<script th:src="@{/ueditor/ueditor.all.js}"></script>
	<script th:src="@{/ueditor/lang/zh-cn/zh-cn.js}"></script>
	<script>
		UE.getEditor('editor');
	</script>
</body>
</html>

版本历史

  • 1.1.3
  1. 修复自定义文件持久化对象不生效问题#IXCR4
  2. 修复错误:Unable to read meta-data for class
  • 1.2.0
  1. 使用全新的持久化接口(cn.jasonone.upload.UeditorStorate)代替cn.jasonone.upload.UeditorUpload接口
  2. 简化自定义持久化接口的定义
  3. 修改启用方式为使用@EnableUeditor注解启用
  4. 修复缺少配置文件时无提示问题#I12KGP
  5. 自定义文件持久化对象配置方式变更为注解设置

 

  • 1.2.2 
  1. 修复使用默认rootPath配置报错的问题 #I1GO02 

项目地址:https://gitee.com/hmjasonone/ueditor-spring-boot-stater

xujie784442670
关注
  • 3
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 13
    评论
专栏目录
SpringBoot 整合 UEditor 详细教程（一）| 整合教程
慌途L
09-02 6428
SpringBoot 整合 UEditor 详细教程（一）| 整合教程 官方文档：http://fex.baidu.com/ueditor/. 项目地址：https://github.com/fex-team/ueditor. 官方源码zip包（UTF-8格式）：ueditor-1.4.3.3.zip（github下载过慢） 链接：https://pan.baidu.com/s/1btFLz8PVXLot3CjL2qEiQQ 提取码：mja2 一、下载源码包 1.由于官网下载过慢，我在上面贴了百度云
很详细的SpringBoot整合UEditor教程
热门推荐
小宝的博客
04-10 4万+
UEditor只提供JSP版本的后端入口代码。但提供了项目源码，因此可以根据业务需求修改源代码。 此处使用了SprngBoot框架，配备了Thymeleaf模板引擎，所以没有必要再添加jsp来兼容UEditor，可通过修改源码满足需要。下面是详细教程。
springboot整合Ueditor的三种方式
weixin_56172906的博客
06-24 2192
最近前端页面需要使用百度的Ueditor富文本编辑器，本来以为只需要前端适配就可以了，没想到Ueditor需要使用一个服务器统一请求接口，各种百度，历时一天终于弄懂了是怎么一回事，下面是我整了的三种整合的方式，从使用Ueditor的后端代码，到引入Ueditor依赖，到最后完全接管Ueditor后端，都是验证可行的。...
Ueditor 百度强大富文本Springboot 项目集成使用(包含上传文件和上传图片的功能使用)简单易懂，举一反三
zhang19age_的博客
07-27 2992
到这里已经将代码层面改好啦，然后呢就是最恶心的环节啦，那就是他们的源码里参了一点点西东，那就是BUG，那就是在这个jar包中的 getConfigPath() 方法，这里的获取config路径是不对的，我们需要改一下这个代码，可以使用修改源码或者重写来修改这里的源码,重写就是依靠java 的类加载器如果本地有就去加载本地的类，如果本地没有就去加载其他的，这里我是修改源码实现的。其实就是换了获取config.json的路径变为了动态，下载了之后换掉lib下的包。实体类 uEditorFile。
springboot整合ueditor（jsp）踩过的坑（富文本上传本地视频）（亲身经历）
wsyzcj的博客
06-15 2108
有一天老板突然找我让我改富文本（一脸懵逼，不过也不能推啊默默地接下了），大家都知道现在的富文本视频功能都是只有上传链接的没有从本地上传这一说（就连现在的csdn的也是）于是我找了好多个，最终发现百度的ueditor可以。 经过几天的日夜，甚至牺牲了周末休息时间开始翻阅资料。。。 废话不多说，开始教程： 第一步： 去ue官网下载他的源码 第二： 解压下载的源码（下载可能会慢，好像需要翻墙下载） 然后打开项目把源码拖进项目的resources/static中去 第三步就是重点了 由于springboot现在
springboot整合ueditor源码（自己写，测试可用，不需要修改ueditor源码）
01-12
springboot和ueditor的整合，自己写完测试过可以用，下载下来只需要修改index.html中的地址就可以。具体搭建的步骤在：https://www.jianshu.com/p/006e65711de0 中，大家可以参考。 连资源都不下载就恶意举报的人...
详解springboot整合ueditor踩过的坑
08-19
解决这个问题的方法是将ueditor源码中的四个JAR包复制到项目中，或者通过Maven添加依赖。尽管通过Maven添加依赖更为标准，但考虑到可能带来的额外时间和复杂性，直接复制JAR包可能更为简便。 接下来，我们需要创建...
springboot整合ueditor的demo
12-28
本教程将详细讲解如何在Spring Boot项目中整合UEditor，让你的web应用拥有一个强大的富文本编辑功能。 首先，我们需要了解整合UEditor的基础步骤： 1. **下载与引入UEditor**： - 从UEditor的官方仓库或GitHub上...
springboot+layui 整合百度富文本编辑器ueditor入门使用教程（踩过的坑）.doc
07-09
ueditor是一种轻量、可定制、注重用户体验的富文本web编辑器，由百度的FEX前端研发团队开发，开源基于MIT协议，允许自由使用和修改代码。 ueditor的特点 * 轻量：ueditor非常轻量，压缩后的js文件只有几十KB。 * ...
7springboot+富文本1
08-08
接着，由于Spring Boot和UEditor的项目结构不同，传统的WEB-INF目录结构在Spring Boot中并不存在，这使得UEditor自带的配置文件无法被正确加载。为了解决这个问题，需要参考网络上的解决方案，比如将UEditor的JSP...
springboot集成ueditor
09-15
包含springboot集成ueditor文档以及解决ueditor上传图片并插入到文本框中的问题。可以进行批量上传图片。 包含springboot集成ueditor文档以及解决ueditor上传图片并插入到文本框中的问题。可以进行批量上传图片。
Springboot集成Ueditor详细文档说明
03-26
详细解说ueditor与Springboot集成遇到的一些问题，例如：图片上传不了、富文本内容html格式转码问题。
SpringBoot整合UEditor富文本编辑器
05-07
springboot整合ueditor，由于项目是springcloud分布式项目,注册中心和其他服务未上传,下载的同学看代码路径和配置即可.资料参考地址: https://blog.csdn.net/a1053765496/article/details/105965560
SpringBoot整合UEditor文本编辑器
04-24
修改config.json文件的图片存储路径即可 运行项目.访问路径localhost:8080/
Spring Boot使用UEditor
wokuailewozihao的专栏
04-15 1396
1、将ueditor放入静态资源 注意图中红色剪头为重要配置， 其中的controller.jsp是后台统一入口（获取config.json和上传文件等），由于被放入了静态资源，无法正常访问和执行，所以需要我们自己写方法覆盖掉它， config.json在前端ue首次加载时会请求获取，里面都是一些关于上传文件和回显的配置，由于我们决定覆盖掉controller.jsp中的方法，所以con...
SpringBoot整合Ueditor
最新发布
q16974058的博客
03-31 892
虽然面试套路众多，但对于技术面试来说，主要还是考察一个人的技术能力和沟通能力。不同类型的面试官根据自身的理解问的问题也不尽相同，没有规律可循。上面提到的关于这些JAVA基础、三大框架、项目经验、并发编程、JVM及调优、网络、设计模式、spring+mybatis源码解读、Mysql调优、分布式监控、消息队列、分布式存储等等面试题笔记及资料。
SpringBoot 整合 UEditor 详细教程（二）| 遇到的问题
慌途L
09-02 5075
1. 自定义 toolbars 时出现 Could not parse as expression 异常： 因为我这里用的是 thymeleaf 模板引擎，所以将 script 标签改为：以下是前端代码，去除了 toolbars 中不常用的工具按钮： <!DOCTYPE html> <html xmlns:th="http://www.thymeleaf.org" xmlns:se="http://www.thymeleaf.org" xmlns:shiro="http://www.pol
人人开源ueditor富文本+SpringBoot后端，配置问题解决
m0_59799878的博客
03-18 2152
这里其他的不说，其实最主要的就是跨域警告和重写官方代码，整体步骤就是前端的ueditor配置后端得路由，后端把跨域拦截器解决，然后读取config.json文件，接着就是重写ueditor代码就完全解决了（注意那个老哥的代码包名和官方的一模一样）。t=N7T8。
Spring boot 整合Ueditor(百度编辑器) 简洁版(图片上传)
cocosum
10-19 1151
1、先给大家拜个早年！ 看个效果图: 2、去百度官网下载UEditor。机票 3、下载下来是这样的: # config.json 配置文件（需要引用） # controller.jsp springboot默认不支持jsp的，所以在这里咱也不用。 # ueditor.config.js 这个需要，直接引入页面就行了。一共引入三个就行了 <!--...
springboot整合ueditor
03-16
Spring Boot可以很方便地整合UEditor，具体步骤如下： 1. 下载UEditor的jar包，并将其放到项目的lib目录下。 2. 在Spring Boot的配置文件中添加以下配置： ``` # UEditor配置 ueditor.configPath=/ueditor/config.json ``` 3. 在Spring Boot的启动类中添加以下代码： ``` @Configuration public class UEditorConfig { @Value("${ueditor.configPath}") private String configPath; @Bean public UEditorManager uEditorManager() { return new UEditorManager(configPath); } } ``` 4. 在Controller中注入UEditorManager，并处理UEditor的请求： ``` @RestController @RequestMapping("/ueditor") public class UEditorController { @Autowired private UEditorManager uEditorManager; @RequestMapping(value = "/exec") public String exec(HttpServletRequest request) { return uEditorManager.exec(request); } } ``` 5. 在页面中引入UEditor的js和css文件，并初始化UEditor： ``` <!-- 引入UEditor的js和css文件 --> <script type="text/javascript" src="/ueditor/ueditor.config.js"></script> <script type="text/javascript" src="/ueditor/ueditor.all.min.js"></script> <link rel="stylesheet" type="text/css" href="/ueditor/themes/default/css/ueditor.min.css" /> <!-- 初始化UEditor --> <script type="text/javascript"> var editor = UE.getEditor('editor'); </script> <!-- 在页面中添加UEditor的编辑器 --> <div id="editor"></div> ``` 这样就完成了Spring Boot整合UEditor的配置。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 13
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值