SpringMVC整合百度UEditor遇到的问题及解决方案

UEditor富文本编辑器整合经验分享(整合至SpringMVC) 前段时间开发邮件模块需要使用到一款富文本编辑器,综合考察之后 选择了  UEditor——百度的富文本编辑器。在整合到项目的过程中,遇到了不少问题,困扰了不少时间,在整合过程中也参考了不少前辈们的文章收获良多,本文主要是谈谈自己在整合过程中遇到各种问题(或者网上甚少提到的)及UEditor自己的一些内部瑕疵,做为经验分享给大家,希望大伙在以后的整合过程中可能会重复陷入的坑提供一些帮助和提醒。 阅读详情

SpringMVC整合百度UEditor遇到的问题及解决方案

  1. 下载百度UEditer
    这里写图片描述
    图中标注的是1.4.3.3 jsp版本,但是在开发过程中,要修改部分源码,建议下载完整源码,将ueditor包以源码形式导入,而不是导包。
  2. 解压文件重命名为ueditor,将整个文件夹复制到工程的Web-Content下,因为大部分静态文件在里面,所以不放在WEB-INFO文件夹下面,避免再做资源拦截处理。将jsp版本的源码包中src目录下的包导入自己项目的工程src下。将jsp文件夹下lib目录中的包拷贝到工程lib下,ueditor包不用导入。
  3. 编写controller
    这里写图片描述
    这段代码照搬jsp文件中的代码,为啥url里加上**,后面解释

  4. 修改ueditor.config.js文件内容
    这里写图片描述
    画线标注出来的是重点,上面一个是项目根目录以及ueditor目录,第二个则是SpringMvc中controller拦截的url。

  5. 修改config.json文件
    这里写图片描述
    画出的地方,不要以/开头,否则上传图片后,回显是从根目录开始/editor/。。。/**.jpg这样就会找不到图片,报404.

  6. 修改ueditor源码,getConfigPath,因为官方给的例子里controller和config.json在同一目录下,现在用springmvc,目录不同,所以要稍加改动。
    这里写图片描述
    按照代码中path1那样找到config.json所在目录就可以了,下面的字符串赋值是后来遇到的问题,在下面讲,这里的路径一定要写对,前台出现“后端配置项没有正常加载,上传插件不能正常使用!”问题基本出现在这里

  7. 单图上传,出现问题,是springmvc的CommonsMultipartResolver拦截了上传请求,解决方案是继承该类重写isMultipart方法这里写图片描述

  8. 单图到这里可以上传,涂鸦,等也可以用,但是文件上传和多图、视频等会出现http请求出错这里写图片描述
    打开控制台会看到404请求,这是后端没有对应请求处理这里写图片描述
    点击对应的对话框中上传按钮,向后台发送的请求,是从对话框所在目录开始的,最后才是我们写的请求链接,我一时没有找到前端怎么修改请求链接的方法,只能在后台通配在之前写的请求前加上任意内容的链接,这就是controller中为啥用**/的原因。

  9. 到这里就应该所有都正常了,但是执行多上传的时候,虽然可以处理请求了,但是,会从request中获取路径,然后组织config.json的路径,这样一来,config是找不到的,这就是为啥我在getConfigPath中又静态给path1赋值这里写图片描述

  10. 总结

问题还是出在前端请求的url上,目前先这么用,后面再找解决方案,以上内容只是我个人情况,可能和大家不太一样。大佬轻喷。

UEditor富文本编辑器整合SpringMVC 最近公司项目需要使用到一个H5的富文本编辑器,在搜索网上一些资料后决定选用百度出的UEditor编辑器,其提供了5个版本,分别是 完整源码版,ASP版本,JSP版本,.NET版本和PHP版本。 由于需要进行编辑器与Springmvc的整合,所以这里选用的完整源码版本,下载下来后的目录结构如图所示: 根据http://fex.baidu.com/ueditor/#dev-bale_width 阅读详情

相关推荐

UEditor富文本编辑器+内容转word导出整合经验分享(SpringMVC+Ueditor+mybatis+Maven)

UEditor富文本编辑器+内容转word导出整合经验分享(SpringMVC+Ueditor+mybatis+Maven) 注:完整的代码已上传 https://download.youkuaiyun.com/download/xiaohei86/10925448 注:html页面转wordcankaocsdn网站s1nggggg的一篇文章 java将html内容生成Word https://blog.cs...

xiaohei86的博客 1万+

使用百度富文本编辑器UEditor碰到的问题

前面使用的是kindEditor,但是发现这个已经不再维护,并且bug不少,而我又不会改,哈哈,所以我就放弃了。 原来想过要用百度的这个UEditor,但是在配置的时候遇到了很多问题,基本上加载不出来,但是最后还是硬着头皮把那些bug都解决了,顺利跑通。 问题1:按百度Demo的配置我发现连最基本的编辑器都不出来。 原因:下面的配置的顺序不能错,顺序错了可能会导致加载不出来的情况。 ...

weixin_30788731的博客 588

springMVC -- 整合UEditor(富文本编辑器)

网上找了好久才找到的springmvc和ueditor整合的合理方式,给大家分享下。 工作中需要用到UEditor编辑文本,在与springMVC进行整合时,出现了一些问题,结果导致,在进行图片上传时出现如下提示:   上网查询了很多相关资料,此处简要记录下,防止以后遇到类似问题。  一种方式是直接修改源码,步骤如下: 1、编写controller 如下(该接口是ueditor前

chaotic_time的专栏 1306

Ueditor 出现请求后台配置项http错误,上传功能将不能正常使用!问题解决

问题描述: 请求后台配置项http错误,上传功能将不能正常使用! 问题分析: 出现这种提示要不就是ueditor.config.js配置不对,要不就是config.json配置不对。 问题解决: 1、ueditor.config.js的serverUrl配置不对。 myConfig: { // 编辑器不自动被内容撑高 autoHeightEnabled: false, // 初始容器高度 initialFrameHeight: 500,

web全栈开发的博客 4928

微信Dat文件转图片(文末含工具下载)

PC端微信dat图片转换为jpg格式

weixin_40704848的博客 8085

海康摄像头V3.4 升级改造VUE3

摘要:本文介绍了一个基于Vue3的海康威视摄像头组件封装方案。针对官方仅提供HTML版本SDK的问题,作者通过封装实现了Vue3组件化集成,解决了iframe/webview引入方式的弊端。组件核心功能包括实时预览、本地录像、录像下载、截图抓拍等,并优化了SDK初始化逻辑(单例模式)、定位问题修复和错误处理机制。关键技术点包括:1)SDK插件容器定位修复;2)录像下载进度监控;3)多格式图片数据处理;4)多窗口场景下的SDK实例管理。该组件可直接通过npm安装使用,提供了完善的API和事件接口,显著提升了海

LINLINLINShi的博客 113

关于udeditor使用的时候controller.jsp报500错误的解决

在使用ueditor的时候,有时候人会认为把他ueditor整个文件夹包放进项目,然后引用就可以使用,这个时候controller.jsp会报错,是因为没把ueditor\jsp\lib下的jar包加入到项目中,只需要把jar包导入项目的lib下就可以正常使用。

guo0818的博客 2269

基于MS5351的三通道可编程时钟发生器设计

时钟发生器是数字系统时序验证与信号完整性测试的核心基础设备,其原理基于锁相环(PLL)对参考晶振进行倍频与分频控制,通过寄存器配置实现多路独立频率输出。技术价值体现在高精度、低抖动、快速切换与工程可部署性之间取得平衡,尤其适用于FPGA/ASIC参考时钟调试、ADC/DAC采样时钟验证及嵌入式硬件时序裕量评估等场景。本方案采用MS5351三通道时钟芯片与ESP32主控协同架构,在保证LVCMOS输出质量与I²C可编程性的前提下,优化电源噪声抑制、晶体负载匹配和跨板信号完整性,兼顾成本、周期与实测稳定性,为实

weixin_31715353的博客 211

使用ueditor,controller.jsp总报错

在使用ueditor时,浏览器总报上传文件配置不正确,不能使用上传功能。 错误上面还一个错,就是controller.jsp的错

assdzzss的博客 1万+

从CPU视角看PCIe:深入理解x86/ARM平台上BAR、MMIO和PIO的地址翻译与访问机制

本文深入探讨了CPU如何通过BAR、MMIO和PIO机制访问PCIe设备的配置空间,详细解析了x86和ARM平台在地址翻译与访问路径上的差异。重点分析了PCIe配置空间中BAR寄存器的作用与探测机制,以及操作系统如何管理PCIe资源,为开发者提供了性能优化与调试的实用技巧。

weixin_30175731的博客 324

KingSCADA实现按钮点击效果

哈喽,你好啊,我是雷工!在做SCADA项目的时候,按钮是不可缺少的功能,但软件自带的按钮太丑,已经无法满足现如今客户对界面美观度的要求。这时候就需要UI小姐姐设计美观大气的SCADA界面,但UI设计的按钮切图放到程序中只是图片素材,当添加了按钮功能时,虽然能实现按钮功能,但没有任何点击效果;当遇到有需要连锁条件才能点击的按钮时,操作员无法区分是有连锁点击了没反应,还是系统界面卡死了导致的没点击成功,这时候有点击效果就能很好的区分这种问题。本篇介绍一种实现按钮点击效果的方法,以下为操作过程。

做有价值的事,积累有价值的笔记! 2765

使用百度编辑器的时候的一个小bug

严重: Servlet.service() for servlet [jsp] in context with path [/UEditor] threw exception [javax.servlet.ServletException: java.lang.NoClassDefFoundError: com/baidu/ueditor/ActionEnter] with root cause j

小错的博客 724

我的PCB设计经验总结及最容易犯错的100例之二B07

本文总结了PCB设计中的常见错误及解决方法。作者通过记录自身及他人的设计失误,系统归纳了高频、隐蔽且致命的问题,如电容中间穿线、高速信号跨分割、锐角布线等。重点提出从错误中提炼规律,建立分类案例库,并开发自动化检查工具的方法。案例涵盖高速信号处理、电源设计、EMC防护等关键领域,强调通过原理理解和实践验证提升设计质量。文章建议工程师建立个人错误数据库,从被动纠错升级为主动预防,最终形成系统化的设计方法论,提高PCB一次成功率。

启芯硬件的博客 83

SpringMVC+Ueditor 整合

最近公司里需要做一个项目,需要使用编辑器上传图片功能。以前没有弄个,就找了百度的Ueditor(毕竟国产的,文档都是中文)。虽然有文档说明,但是在使用图片上传功能时还是一脸懵逼.....后来在网上找了很多的博客神马的,大部分都是爬虫爬来的文章,写的乱七八糟的,也没有具体的例子。只能慢慢摸索了。经过1天努力,终于通过各个稳重的整合说明弄出来了图片上传的功能,特此记录一下,方便自己以后使用,也希望能帮

wcfeng_9527的博客 4488

华为OD机试真题2025双机位B卷 Java&Go 实现【朋友圈个数】

给定一组朋友关系,统计一下该朋友关系网中的朋友圈个数。 朋友圈的定义:一个朋友圈至少由3个朋友组成,且要求同一个朋友圈中的任意两个人都具有直接的朋友关系。 输入描述 输入一个朋友关系列表,如 Fiends =A.B],[A.C],IB,DI,其中的每一个元素 Friendsi表示 Friends[i][0)和 Friends [i][1] 是朋友关系 先输入一个数字 N 代表关系的总数,后面每条关系一行,两个成员以逗号分隔

MISAYAONE的博客 518

QuecOpen RTOS学习笔记

对计算机响应时间有要求的系统,通常称为临界系统或应用。为了满足临界系统或应用对计算机响应 时间的要求,人们开发了实时操作系统(Real Time Operation System)。 实时操作系统指所有任务均在规定时间内完成的操作系统,同时任务完成必须满足时序可预测性。需 要注意的是,实时操作系统的本质是其反应具有时序可预测性。得益于此,实时操作系统通常反应非常快。 实时操作系统的内核对象一般包括任务、信号量、互斥锁、消息队列、定时器、事件通知和软件看门 狗等。

zxm8513优快云博客 2030

ueditor+freemarker+springmvc整合

ueditor+freemarker+springmvc整合 ueditor上传图片

落魄书生 1649

数学建模模型总结

这是本人在两年内准备参加数学建模竞赛搜集到的模型资料,已经经过了本人的筛选和整理,希望能够对准备参加数学建模竞赛的学弟学妹们提供一些帮助!

UEditor之——与SpringMVC整合

一、引言 相信大家做项目时,很多时候都会用到富文本编辑器。今天是2016年8月的最后一天,那么就给大家带来一篇关于JSP UEditor整合SpringMVC的文章吧,UEditor是百度的一款富文本编辑器产品,网址为:http://ueditor.baidu.com/website/  , 但是直接使用Editor时,会将编辑的图片直接上传到服务器的项目所在路径,如果每次部署项目的

河海的博客 506

Statistics and Machine Learning Toolbox

Statistics and Machine Learning Toolbox(带书签),MATLAB统计学习工具

Data-Structures-and-Algorithm-Analysis-in-Java.pdf

作者: Weiss, Mark A. 出版社: Addison Wesley Data Structures and Algorithm Analysis in Java is an “advanced algorithms” book that fits between traditional CS2 and Algorithms Analysis courses. In the old ACM Curriculum Guidelines, this course was known as CS7. This text is for readers who want to learn good programming and algorithm analysis skills simultaneously so that they can develop such programs with the maximum amo...

Springboot整合百度Ueditor

百度Ueditor的官网上只提供了JSP的版本,我这里用的是freemaker作为模板引擎。 https://ueditor.baidu.com/website/download.html 下载了源代码之后就把源码引入到项目中,如下图: 把config.json拷贝到resources根路径下: 添加一个UeditorController 访问源码里提供的index,如果能够正常访问那就说明...

Csea的博客 494

IDEA的使用指南

IDEA基于java的使用手册,可以最快速的上手,在使用中不断的丰富自己的使用技巧.

springmvc整合ueditor,ueditor修改上传路径及页面回显问题

ueditor上传图片,文件,视频等的配置,实现了上传图片到项目外,可以进行复制粘贴图片上传,可以复制网页图片上传,还涉及到tomcat虚拟路径的配置

xyllp的博客 1164

Spring MVC整合百度编辑器Ueditor的问题 详细的图文解析

最近写毕业设计项目用到了百度编辑器,之前ss其实就有用过,当时简单的配置一下后端的配置文件就Ok了,但是这次项目用的SSM 框架,遇到的各种问题让我真的怀疑人生。。。 不多说,就为自己这两天掉的头发在这里整理一下使用过程。 为了对应自己的路径,我把自己项目的目录结构贴一下 一、准备工作 1、下载Ueditor jsp版 官方包,解压之后目录结构如下...

qq_38350609的博客 1219

解决 spring+springMVC+mybatis整合,百度富文本编辑器Ueditor,图文上传、重启Tomcat上传的图片消失问题!

首先,小编也是刚学java一个多月,自己看百度上面的教程,整合了spring+springmvc+mybatis,自己做一个小小的项目。刚好自己需要做一个添加文章功能,就需要使用到ueditor富文本编辑器。考虑到写文章会结合图片,所以就记录一下,使用富文本编辑器过程! 接下来,看看最后的效果图! Ueditor官方给出的安装文档:http://fex.baidu.com...

IT-Andy 1226

SpringMVC 整合 百度编辑器UEditor

1、下载UEditor,这里选择JSP(UTF8)版本和完整源码 。在你的项目中引入JSP(UTF8)版本的文件和完整源码对应的jsp源码。 2、使用maven引入对应的jar包(也可以同过直接引用ueditor自带的包) <!-- ueditor依赖项 --> <dependency> <groupId>commons-fileupload</g

左手121 4875

springmvc整合百度编辑器

前言最近搭建个人博客站,少不了编辑器的整合,现在就分享下springMVC整合百度编辑器的一些心得。简单步骤1、百度编辑器官网下载开发版的完整源码。官网地址,点我进去 可以选择最新的jsp的utf8版本下载2、将解压后的整合文件夹拷贝到项目的wepapp目录下。如图 请先忽略上方的ueditor目录。3、在相应的jsp页面引入百度编辑器,并进行实例化。<%@ page contentType

jurlon的专栏 1719

springmvc与百度Ueditor整合

springmvc与百度Ueditor整合

jinzhoujiannan的专栏 2814
下一篇: SpringMVC中jsp页面中URL写相对路径问题
include_cpp
博客等级 码龄10年 12粉丝 7原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明:

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

余额充值