-
2020-06-10 16:49:19
解决UEditor后端配置项没有正常加载,上传插件不能正常使用!
UEditor是由百度web前端研发部开发所见即所得富文本web编辑器,具有轻量,可定制,注重用户体验等特点,开源基于MIT协议,允许自由使用和修改代码。
- 在http://ueditor.baidu.com/website/download.html下载1.4.3.3完整源码,解压到ueditor-1.4.3.3文件夹,然后把ueditor-1.4.3.3/jsp/src下com文件夹复制到项目中,ueditor-1.4.3.3/jsp/lib下(除了ueditor-1.1.2.jar)jar包配置到pom文件中。
- 找到com.baidu.ueditor.ConfigManager类,163行String configContent =ueditor-1.4.3.3/jsp/config.json里面的内容。
本人直接把里面的内容转成字符串放这里了 - 创建ueditor后台控制器controller方法:参考ueditor-1.4.3.3/jsp/controller.jsp中的代码写到后台接口中。
@Controller @RequestMapping("/ueditor") public class UeditorController { @RequestMapping("/controller") public void controller(HttpServletRequest request,HttpServletResponse response,MultipartFile upfile){ response.setContentType("application/json"); String rootPath = Global.getUploadPath(); try { request.setCharacterEncoding("utf-8"); String exec = null; if (null != upfile && upfile.getSize() > 0) { //保存附件到本地的方法,返回保存路径 String path = FileUploadUtils.upload("保存的文件夹路径", upfile); State storageState = new BaseState(true); storageState.putInfo("url", path); storageState.putInfo("type", FileType.getSuffixByFilename(path)); storageState.putInfo("title", upfile.getOriginalFilename()); storageState.putInfo("original", upfile.getOriginalFilename()); exec = storageState.toJSONString(); } else { exec = new ActionEnter(request, rootPath).exec(); } PrintWriter writer = response.getWriter(); writer.write(exec); writer.flush(); writer.close(); } catch (Exception e) { e.printStackTrace(); } } }
- 在ueditor.config.js文件中修改后台服务器路径
serverUrl: "/ueditor/controller"
此方法只是简单的配置了上传功能的方法,后台并没有做对文件大小及类型等操作做校验,可自行对源码进行修改及扩展。
更多相关内容 -
UEditor-报后端配置项没有正常加载,上传插件不能正常使用-信息解决
2021-07-14 20:53:03显示报错:~~后端配置项没有正常加载,上传插件不能正常使用!~~ 图片的能上传也找不到路径,在这里转圈圈。 根据官网和各位网友的总结: 首先尝试controller.jsp 是否能传过来文件: UEditor的存放位置如下: ...前几天UEditor后台上传文件功能错误了,总结下给各位道友提个醒。
显示报错:~~后端配置项没有正常加载,上传插件不能正常使用!~~
图片的能上传也找不到路径,在这里转圈圈。
根据官网和各位网友的总结:
首先尝试controller.jsp 是否能传过来文件:
UEditor的存放位置如下:
访问controller.jsp是否能正常传回数值http://localhost:8080/book/utf8-jsp/jsp/controller.jsp
出现类似下图所示内容,则配置成功,否则,即为失败。
**若出错,请检查ueditor.config.js、config.json和controller.jspueditor.config.js 要配置URL路径
config.json要设置imageUrlPrefix 路径
其中controller.jsp代码如下**
<% request.setCharacterEncoding( "utf-8" ); response.setHeader("Content-Type" , "text/html"); String rootPath = application.getRealPath( "/" ); out.write( new ActionEnter( request, rootPath ).exec() ); %>
大家可参考官网给出的教程:http://fex.baidu.com/ueditor/#server-jsp
-
ueditor遇到后端配置项没有正常加载,上传插件不能正常使用!
2019-08-21 20:21:47这是SSM整合ueditor中最经常遇到的问题,主要原因是springmvc在处理静态资源时错将/ueditor/jsp/下的controller.jsp文件当作静态资源处理了,从而导致文件上传组件不能正常使用。 这里有两种解决方案: 第一种是在...Uedtior编辑器图片上传功能不能使用
这是SSM整合ueditor中最经常遇到的问题,主要原因是springmvc在处理静态资源时错将/ueditor/jsp/下的controller.jsp文件当作静态资源处理了,从而导致文件上传组件不能正常使用。
这里有两种解决方案:
第一种是在配置静态资源时放过controller.jsp文件,该方法自行百度即可,很简单。
第二种修改config.json文件。找到/ueditor/jsp/下的config.json文件,打开在第11行,配置imageUrlPrefix属性值为你的服务器地址,例如我的服务器地址时http://locallhost:8080/,那么该属性配置如下:"imageUrlPrefix": "http://localhost:8080/",
下面我们解释下为什么要这么配置:在上边我们说了图片功能不能使用的主要原因时jsp文件被当作静态文件处理而导致的,但是在普通的web项目中就没有这个问题。这是因为在web.xml中我们引入springmvc时配置了这样的一段代码:<servlet-mapping> <servlet-name>springmvc</servlet-name> <url-pattern>/</url-pattern> </servlet-mapping>
从而导致了我们的请求走springmvc框架,注意我们配置了过滤器,但是我们的编译器中并不在这个范围内,所以我们的请求不能被处理。最简单的办法就是强制性走springmvc框架,也就是我们上面配置的那句话。
-
UEditor富文本编辑器上传图片打不开,提示“后端配置项没有正常加载,上传插件不能正常使用”
2021-08-02 17:42:16下面就是 基本的引入、使用、以及上传文件报错的解决方法 一、引入 1、安装组件 npm installvue-ueditor-wrap 2、下载UEditor,官网UEditor文档,下载地址是https://github.com/fex-team/ueditor 这里有疑问...上传图片可能会出现报错,如下
解决这个问题可以将php文件下config.json的内容复制到ueditor.config.js中(具体文件在分割线下方的整体流程中)
解决后应该得到的页面如下
试题题库、考试等项目多会用到富文本编辑器,当时对比了好多,最后看上了UEditor集成复杂公式的功能,于是莫名自信的搞了起来。公式集成没有坑,大坑在上传图片上。
下面就是 基本的引入、使用、以及上传文件报错的解决方法
一、引入
1、安装组件
npm install vue-ueditor-wrap
2、下载UEditor,官网UEditor文档,下载地址是https://github.com/fex-team/ueditor
这里有疑问: 为什么已经用npm安装了,还需要下载UEditor呢???
答:UEditor 并不支持通过 npm 的方式来安装,vue-ueditor-wrap 也只是一个 Vue 组件,看最初官网提供的版本就知道了
需要下载的内容:现在下载地址中的ueditoe.config.js的配置不完整,可能会导致上传图片、视频等出现【后台配置不正确】的问题。所以自己原来下载的安装包挂在了这个地址https://gitee.com/wxyer/ueditor
3、下载完成后将整个文件夹放到项目的public文件夹下,目录结构如下:
4、配置编辑器路径
5、静态文件还需要再public/index.html中进行引入
<!-- 引入UEditor --> <script type="text/javascript" charset="utf-8" src="UEditor/ueditor.config.js"></script> <script type="text/javascript" charset="utf-8" src="UEditor/ueditor.all.js"> </script> <!--建议手动加在语言,避免在ie下有时因为加载语言失败导致编辑器加载失败--> <!--这里加载的语言文件会覆盖你在配置项目里添加的语言类型,比如你在配置项目里配置的是英文,这里加载的中文,那最后就是中文--> <script type="text/javascript" charset="utf-8" src="UEditor/lang/zh-cn/zh-cn.js"></script>
6、将ueditor挂载到全局下,在main.js中引入
import VueUeditorWrap from 'vue-ueditor-wrap' Vue.component('VueUeditorWrap', VueUeditorWrap)
二、使用
1、使用、配置自定义工具栏
进行到这里,我们页面就基本可以使用富文本编辑器了,其中我们可以自定义config展示我们需要的工具,具体配置可以参考ueditor.config.js文件中的内容
<vue-ueditor-wrap v-model="dataForm.analysis" :destroy="false" :config="config" />
2、 集成第三方公式插件,插件kityformula-plugin
在index.html中引入公式文件,在config.js中的toolbars数组下添加‘kityformula’
至此,集成公式就可以了。大坑在下面上传文件
3、上传文件
现在上传图片可能会出现报错,如下
解决这个问题可以将php文件下config.json的内容复制到ueditor.config.js中
解决后应该得到的页面如下
4、后端交互
接着来就是和后端的交互了。在php/config.json的文件中有每个属性的注释,可以对照修改。后端也需要引入UEditor的包,具体包需要后端根据项目技术下载。
至此完。综合全网问题大多会卡在文件上传部分
-
百度UEditor 后端配置项没有正常加载,上传插件不能正常使用!
2021-03-15 18:31:30后端配置项没有正常加载,上传插件不能正常使用!这个怎么回事?代码::::::response.setHeader("Cache-Control", "no-store");%>body{font-size: 14px;color: #6b7e8a;}.icon{cursor:pointer;padding-left:... -
ueditor 后端配置项没有正常加载,上传插件不能正常使用!
2018-11-20 15:59:37遇到个坑。 项目中用到了百度的富... 百思不得其解,明明和原先一样,就是不能上传图片。然后在网上找到这个文章: https://blog.csdn.net/ilovecr7/article/details/50600090 才知道这么坑。 我的解决办法:... -
(常见解决方法)UEditor报错“后端配置项没有正常加载,上传插件不能正常使用”
2020-08-23 04:41:47错误信息”:ueditor无法上传图片 3种解决方法 1.大小写问题(少见) 如果你是Windows系统下出问题,估计不是这个原因,出这个问题的基本... -
Angular10+Ueditor 后端配置项没有正常加载,上传插件不能正常使用问题解决方案(多图)以及 单图上传修改...
2021-07-26 15:39:05Ueditor 后端配置项没有正常加载,上传插件不能正常使用问题解决方案 1、 2、 3 4 -
uEdutor 后端配置项没有正常加载,上传插件不能正常使用!解答
2018-12-20 09:16:17如出现如下状况(如下图): 这里只需要更改两个位置就行了(如下图): 这样的话就行了,不用太麻烦了 -
hueditor1_4_3_3 富文本编辑器报错: 后端配置项没有正常加载,上传插件不能正常使用!
2021-02-22 18:18:55结果显示报错: 后端配置项没有正常加载,上传插件不能正常使用!后来上网查是上传路径没配置,然后我再config.json文件下找到配置参数,配置如下 <code> "imagePathFormat": ... -
后端配置项没有正常加载,上传插件不能正常使用 jsp
2018-09-06 09:44:34在本地的ueditor上传图片是好的,但放在Linux上后,浏览器报错  请问怎么解决? -
ueditor 后端配置项没有正常加载,上传插件不能正常使用!jsp版本
2019-01-24 22:51:07前提:百度的ueditor需要在本地配置为可用,图片上传相关的配置可以参考官方文档的描述。由于服务器用的node.js,因此ueditor目录下我们只需要保留nodejs目录,其它部分如php,asp.net等都可以删掉。然后根据自己.... -
PHP UEditor富文本编辑器 显示 后端配置项没有正常加载,上传插件不能正常使用
2021-04-22 14:20:41一、在后台打开百度的编辑器显示下图 二、访问UEditor富文本编辑器以下这个文件 /ueditor/php/controller.php 是否返回以下 三、再次访问UEditor富文本编辑器 /ueditor/... ...$CONFIG = json_decode(preg_replace( -
[IE] 百度UEditor/后端配置项没有正常加载,上传插件不能正常使用,貌似跨域?
2019-03-05 16:07:07360浏览器兼容模式下出现“后端配置项没有正常加载,上传插件不能正常使用!  1) 下载ueditor 下载地址:http://ueditor.baidu.com/website/download.html 2) 解压缩文件,并把文件夹名改为ueditor ueditor\jsp\lib路径下有commons-... -
Ueditor多图上传,报后端配置项没有正常加载 上传插件不能正常使用的错!jsp
2018-06-27 09:02:04出现这种情况,一般你去项目那里检查一下,WEB-INF下的lib里是否有百度富文本编辑器的几个包,如果没有,请去ueditor下的jsp/lib里面复制,去粘贴到WEB-INF下的lib,然后项目也要导入几个包。这只是出现问题的其中一... -
Ueditor后端配置项没有正常加载,上传插件不能正常使用!
2015-06-17 03:53:39环境是IIS7 然后是PHP 没看明白是哪配置的不对 -
UEditor与springmvc整合——解决后端配置项没有正常加载,上传插件不能正常使用!
2018-04-24 15:02:29这里记录一下UEditor跟springmvc整合出现的问题,整合网上给出的过程很详细,就不多少了,具体可以参考: springmvc与百度Ueditor整合 这里使用的是将ueditor-1.1.2.jar 源码整合到自己的项目中使用。下载下来的... -
UEditor上传图片功能无法使用,提示:后端配置项没有正常加载,上传插件不能正常使用!
2021-01-17 12:36:52硬生生的不让我插入图片啊,俗话说字不如表,表不如图。一张图能解决很多文字才能表达清楚的意思,并且简单直白粗暴。故障详情,UEditor报配置错误。点击单图上传按钮,选择需要的图片以后,编辑器中就一直是一个... -
pbootcms模板后台编辑器无法上传图片提示:后端配置项没有正常加载,上传插件不能正常使用
2022-02-19 19:49:532、打开浏览器调试模式,显示“后台配置项返回格式出错,上传功能将不能正常使用!” 解决方案 百度能搜到的解决方案: 1、可见时区"Asia/chongqing"的大小写出了问题,应该为"Asia/Chongqing",windows... -
解决 .NET 下 ueditor 1.4.3.3 错误后端配置项没有正常加载,上传插件不能正常使用
2018-08-03 19:29:22最近使用到了ueditor 1.4.3.3 然后报错,各种折腾后还是不行,然后翻了一下配置文件完美解决 1. 首先出错的地方是下面这里 2.config.json 是什么?为什么会报错?赶紧扒出来看看 ,结果心中立马一万只... -
ueditor 后端配置项没有正常加载,上传插件不能正常使用 UTF8 PHP
2021-04-29 05:36:46你们知道EIDUS手绘遮罩的用法么,会熟练地使用它么?如果你们还没有学到这一知识点的话也不要着急,因为你们看完下面这篇文章就会明白了.事不宜迟, ...js中Array对象方法详解操作方法:concat() slice() splice() concat... -
使用UEditor时,页面显示后端配置项没有正常加载,上传插件不能正常使用!
2021-11-22 10:05:26项目是前后端分离项目,后端用WEBAPI返回数据,后端需要配置什么吗? 图片附带UEditor官方demo,官方demo可以直接使用,但我不知道怎么添加到我的项目中