精华内容
下载资源
问答
  • 2020-06-10 16:49:19

    解决UEditor后端配置项没有正常加载,上传插件不能正常使用!

    UEditor是由百度web前端研发部开发所见即所得富文本web编辑器,具有轻量,可定制,注重用户体验等特点,开源基于MIT协议,允许自由使用和修改代码。

    1. 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文件中。
    2. 找到com.baidu.ueditor.ConfigManager类,163行String configContent =ueditor-1.4.3.3/jsp/config.json里面的内容。
      本人直接把里面的内容转成字符串放这里了
    3. 创建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();
            }
        }
    }
    
    1. 在ueditor.config.js文件中修改后台服务器路径
    serverUrl: "/ueditor/controller"
    

    此方法只是简单的配置了上传功能的方法,后台并没有做对文件大小及类型等操作做校验,可自行对源码进行修改及扩展。

    更多相关内容
  • 显示报错:~~后端配置项没有正常加载上传插件不能正常使用!~~ 图片的能上传也找到路径,在这里转圈圈。 根据官网和各位网友的总结: 首先尝试controller.jsp 是否传过来文件: UEditor的存放位置如下: ...

    前几天UEditor后台上传文件功能错误了,总结下给各位道友提个醒。
    显示报错:~~后端配置项没有正常加载,上传插件不能正常使用!~~
    在这里插入图片描述
    图片的能上传也找不到路径,在这里转圈圈。
    在这里插入图片描述
    根据官网和各位网友的总结:
    首先尝试controller.jsp 是否能传过来文件:
    UEditor的存放位置如下:
    在这里插入图片描述
    访问controller.jsp是否能正常传回数值

    http://localhost:8080/book/utf8-jsp/jsp/controller.jsp
    

    在这里插入图片描述
    出现类似下图所示内容,则配置成功,否则,即为失败。
    在这里插入图片描述
    **若出错,请检查ueditor.config.js、config.json和controller.jsp

    ueditor.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

    展开全文
  • 这是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/",
    config.json修改示例
    下面我们解释下为什么要这么配置:在上边我们说了图片功能不能使用的主要原因时jsp文件被当作静态文件处理而导致的,但是在普通的web项目中就没有这个问题。这是因为在web.xml中我们引入springmvc时配置了这样的一段代码:

    <servlet-mapping>
        <servlet-name>springmvc</servlet-name>
        <url-pattern>/</url-pattern>
      </servlet-mapping>
    

    从而导致了我们的请求走springmvc框架,注意我们配置了过滤器,但是我们的编译器中并不在这个范围内,所以我们的请求不能被处理。最简单的办法就是强制性走springmvc框架,也就是我们上面配置的那句话。

    展开全文
  • 下面就是 基本的引入、使用、以及上传文件报错的解决方法 一、引入 1、安装组件 npm installvue-ueditor-wrap 2、下载UEditor,官网UEditor文档,下载地址是https://github.com/fex-team/ueditor 这里有疑问...

     上传图片可能会出现报错,如下

    解决这个问题可以将php文件下config.json的内容复制到ueditor.config.js中(具体文件在分割线下方的整体流程中)

     解决后应该得到的页面如下


    试题题库、考试等项目多会用到富文本编辑器,当时对比了好多,最后看上了UEditor集成复杂公式的功能,于是莫名自信的搞了起来。公式集成没有坑,大坑在上传图片上。

    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的包,具体包需要后端根据项目技术下载。

     至此完。综合全网问题大多会卡在文件上传部分


    展开全文
  • 后端配置项没有正常加载上传插件不能正常使用!这个怎么回事?代码::::::response.setHeader("Cache-Control", "no-store");%>body{font-size: 14px;color: #6b7e8a;}.icon{cursor:pointer;padding-left:...
  • 遇到个坑。 项目中用到了百度的富... 百思不得其解,明明和原先一样,就是不能上传图片。然后在网上找到这个文章: https://blog.csdn.net/ilovecr7/article/details/50600090 才知道这么坑。 我的解决办法:...
  • 错误信息”:ueditor无法上传图片 3种解决方法 1.大小写问题(少见)             如果你是Windows系统下出问题,估计不是这个原因,出这个问题的基本...
  • Ueditor 后端配置项没有正常加载上传插件不能正常使用问题解决方案 1、 2、 3 4
  • 如出现如下状况(如下图): 这里只需要更改两个位置就行了(如下图): 这样的话就行了,不用太麻烦了
  • 结果显示报错: 后端配置项没有正常加载上传插件不能正常使用!后来上网查是上传路径没配置,然后我再config.json文件下找到配置参数,配置如下 <code> "imagePathFormat": &#...
  • 在本地的ueditor上传图片是好的,但放在Linux上后,浏览器报错 ![图片说明](https://img-ask.csdn.net/upload/201809/06/1536226922_78771.png) 请问怎么解决?
  •  前提:百度的ueditor需要在本地配置为可用,图片上传相关的配置可以参考官方文档的描述。由于服务器用的node.js,因此ueditor目录下我们只需要保留nodejs目录,其它部分如php,asp.net等都可以删掉。然后根据自己....
  • 一、在后台打开百度的编辑器显示下图 二、访问UEditor富文本编辑器以下这个文件 /ueditor/php/controller.php 是否返回以下 三、再次访问UEditor富文本编辑器 /ueditor/... ...$CONFIG = json_decode(preg_replace(
  • 360浏览器兼容模式下出现“后端配置项没有正常加载上传插件不能正常使用! ![在这里插入图片描述](https://img-blog.csdnimg.cn/20190305154021900.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,...
  • 项目添加后缀之后,Ueditor后端配置项没有正常加载,上传插件不能正常使用是什么问题?
  • Thinkphp使用百度Ueditor,显示:“后端配置项没有正常加载,上传插件不能正常使用!”错误 这个提示,是在文本编辑器中,点击多图上传后出现的,同时单图上传也无法点击。 造成这个问题的其中一个原因,比较奇葩,这...
  • UEditor插件后端配置项没有正常加载上传插件不能正常使用 的解决方法---.net
  • 但是,当网站上线后,测试的时候,发现里面的上传单张图片按钮成灰色,无法点击,而上传多张图片按钮和上传附件按钮可以点击,但是提示错误:后端配置项没有正常加载上传插件不能正常使用。请问各位大神,如何解决...
  • 一、使用(我这里使用的是jsp版本的富文本编辑器) 1) 下载ueditor 下载地址:http://ueditor.baidu.com/website/download.html 2) 解压缩文件,并把文件夹名改为ueditor ueditor\jsp\lib路径下有commons-...
  • 出现这种情况,一般你去项目那里检查一下,WEB-INF下的lib里是否有百度富文本编辑器的几个包,如果没有,请去ueditor下的jsp/lib里面复制,去粘贴到WEB-INF下的lib,然后项目也要导入几个包。这只是出现问题的其中一...
  • 环境是IIS7 然后是PHP 没看明白是哪配置的不对
  • 这里记录一下UEditor跟springmvc整合出现的问题,整合网上给出的过程很详细,就多少了,具体可以参考: springmvc与百度Ueditor整合 这里使用的是将ueditor-1.1.2.jar 源码整合到自己的项目中使用。下载下来的...
  • 硬生生的让我插入图片啊,俗话说字不如表,表不如图。一张图解决很多文字才能表达清楚的意思,并且简单直白粗暴。故障详情,UEditor报配置错误。点击单图上传按钮,选择需要的图片以后,编辑器中就一直是一个...
  • 2、打开浏览器调试模式,显示“后台配置项返回格式出错,上传功能将不能正常使用!” 解决方案 百度搜到的解决方案: 1、可见时区"Asia/chongqing"的大小写出了问题,应该为"Asia/Chongqing",windows...
  • 最近使用到了ueditor 1.4.3.3 然后报错,各种折腾后还是不行,然后翻了一下配置文件完美解决  1. 首先出错的地方是下面这里    2.config.json 是什么?为什么会报错?赶紧扒出来看看 ,结果心中立马一万只...
  • 你们知道EIDUS手绘遮罩的用法么,会熟练地使用它么?如果你们还没有学到这一知识点的话也不要着急,因为你们看完下面这篇文章就会明白了.事不宜迟, ...js中Array对象方法详解操作方法:concat() slice() splice() concat...
  • 项目是前后端分离项目,后端用WEBAPI返回数据,后端需要配置什么吗? 图片附带UEditor官方demo,官方demo可以直接使用,但我知道怎么添加到我的项目中

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 13,091
精华内容 5,236
关键字:

后端配置项没有正常加载,上传插件不能正常使用!

友情链接: dddd.zip