核心提示:百度富文本UEditor趟坑之路之图片上传不显示能看到这篇文章的都知道UEditor的优点和用处了,我就不多赘述,废话少说,趟坑之路走起;(本文只涉及图片上传显示问题,说UEditor坑多,说到底还是...
百度富文本UEditor趟坑之路之图片上传不显示
能看到这篇文章的都知道UEditor的优点和用处了,我就不多赘述,废话少说,趟坑之路走起;(本文只涉及图片上传显示问题,说UEditor坑多,说到底还是我太菜哈哈。

声明:本人版本 UEditor1.4.3 UTF-8 Java版 1.使用UEditor请首先阅读官方文档,在项目配置好UEditor,并能访问 controller.jsp?action=config; 2.坑一、单图片插入,不显示图片: 坑二、多图上传不显示图片; 坑三、多图在线管理不显示; 不一一赘述,把我修改过的文件都表示出来,以供大家参考: 首先是ueditor.config.js
/** * 编辑器资源文件根路径。它所表示的含义是:以编辑器实例化页面为当前路径,指向编辑器资源文件(即dialog等文件夹)的路径。 * 鉴于很多同学在使用编辑器的时候出现的种种路径问题,此处强烈建议大家使用"相对于网站根目录的相对路径"进行配置。 * "相对于网站根目录的相对路径"也就是以斜杠开头的形如"/myProject/ueditor/"这样的路径。 * 如果站点中有多个不在同一层级的页面需要实例化编辑器,且引用了同一UEditor的时候,此处的URL可能不适用于每个页面的编辑器。 * 因此,UEditor提供了针对不同页面的编辑器可单独配置的根路径,具体来说,在需要实例化编辑器的页面最顶部写上如下代码即可。当然,需要令此处的URL等于对应的配置。 * window.UEDITOR_HOME_URL = "/xxxx/xxxx/"; */ /**var URL = window.UEDITOR_HOME_URL || getUEBasePath();*/ var URL ="/traffic/ueditor/";/**修改上述文件为"/项目名/ueditor目录名(指到ueditor目录)"*/
然后controller.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8" import="com.baidu.ueditor.ActionEnter" pageEncoding="UTF-8"%> <%@ page trimDirectiveWhitespaces="true" %> <% request.setCharacterEncoding( "utf-8" ); response.setHeader("Content-Type" , "text/html"); String rootPath = application.getRealPath( "/" ); String action = request.getParameter("action"); String result = new ActionEnter( request, rootPath ).exec(); if( action!=null && (action.equals("listfile") || action.equals("listimage") ) ){ rootPath = rootPath.replace("\\", "/"); result = result.replaceAll(rootPath, ""); } out.write( result ); /* out.write( new ActionEnter( request, rootPath ).exec() ); */ %>
还有config.json
/* 列出指定目录下的图片 */ "imageManagerActionName": "listimage", /* 执行图片管理的action名称 */ "imageManagerListPath": "/ueditor/jsp/upload/image/", /* 指定要列出图片的目录 */ "imageManagerListSize": 20, /* 每次列出文件数量 */ "imageManagerUrlPrefix": "/traffic/", /* 图片访问路径前缀 */ "imageManagerInsertAlign": "none", /* 插入的图片浮动方式 */ "imageManagerAllowFiles": [".png", ".jpg", ".jpeg", ".gif", ".bmp"], /* 列出的文件类型 */
我就配置了这么多,仅供网友参考,如有好的解决方案,欢迎告知,谢谢。