百度富文本编辑器集成
——mini版本,之前使用完整版本的,需要上传图片需要依赖flash插件,本次直接集成mini版本
这里下载的版本是:UMeditor 版本是:[1.2.3 Jsp 版本-UTF-8版本]
- 插件umeditor.config.js配置文件修改:
/**
* 配置项主体。注意,此处所有涉及到路径的配置别遗漏URL变量。
*/
window.UMEDITOR_CONFIG = {
//为编辑器实例添加一个路径,这个不能被注释
UMEDITOR_HOME_URL : URL
//图片上传配置区
,imageUrl:"/platform/editor/mini/imageupload" //图片上传提交地址
,imagePath:"" //图片修正地址,引用了fixedImagePath,如有特殊需求,可自行配置
,imageFieldName:"upfile" //图片数据的key,若此处修改,需要在后台对应文件修改对应参数
上面的imageUrl参数为提交上传图片处理的地址,此地址内的代码用springmvc改造成下面2中的代码
上传文件成功后返回内容格式:
String result = "{\"name\":\""+ up.getFileName() +"\", \"originalName\": \""+ up.getOriginalName() +"\",\"size\": "+ up.getSize() +", \"state\": \""+ up.getState() +"\", \"type\": \""+ up.getType() +"\",\"url\": \""+ up.getUrl() +"\"}";
- 上传文件处理代码UMEditController.class(此处不使用jsp)
package com.sun4j.module.controller;
import com.alibaba.fastjson.JSON;
import com.sun4j.module.util.FileUploadUtils;
import com.sun4j.module.util.FileUtil;
import org.slf4j.Logger;
import org.slf4j.LoggerFactory;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.bind.annotation.ResponseBody;
import org.springframework.web.multipart.MultipartFile;
import javax.servlet.http.HttpServletRequest;
import java.io.File;
import java.io.IOException;
import java.util.HashMap;
import java.util.List;
import java.util.Map;
@Controller
@RequestMapping("/editor/mini")
public class UMEditController {
private final static Logger logger = LoggerFactory.getLogger(UMEditController.class);
private final static String[] imageType = { ".gif", ".png", ".jpg", ".jpeg", ".bmp" };
private final static long imageMaxSize = 2 * 1024 * 1024;
@RequestMapping("/imageupload")
@ResponseBody
public Object imageUpload(@RequestParam(value = "upfile", required = false) MultipartFile upfile, HttpServletRequest request) throws IOException {
Map<String, Object> params = new HashMap<String, Object>();
String fileName = upfile.getOriginalFilename();
params.put("originalName", fileName); // 原始文件名
params.put("name", fileName); // 上传文件名
if (FileUtil.checkFileType(fileName, imageType).isEmpty()) {
params.put("state", "不允许的文件格式"); // 状态
return params;
}
if (upfile.getSize() > imageMaxSize) {
params.put("state", "文件大小超出限制"); // 状态
return params;
}
String accessPath = FileUploadUtils.uploadFile(upfile.getBytes(), upfile.getOriginalFilename());
params.put("url", accessPath); // 输出文件地址
params.put("state", "SUCCESS");
params.put("type",this.getFileExt(fileName)); // 文件类型
params.put("size",upfile.getSize()); // 文件大小
logger.debug(JSON.toJSONString(params));
return JSON.toJSONString(params);
}
public List<File> getImageFiles(String realpath, List<File> files) {
File realFile = new File(realpath);
if (realFile.isDirectory()) {
File[] subfiles = realFile.listFiles();
for (File file : subfiles) {
if (file.isDirectory()) {
getImageFiles(file.getAbsolutePath(), files);
} else {
if (!"".equals(FileUtil.checkFileType(file.getName(), imageType))) {
files.add(file);
}
}
}
}
return files;
}
/**
* 获取文件扩展名
*
* @return string
*/
private String getFileExt(String fileName) {
return fileName.substring(fileName.lastIndexOf("."));
}
}
上面使用的是七牛云存储的处理。
注意点:上面上传文件返回内容一定要是json字符串,否则会提示上传失败,这里是上传参数错误的一种提示。
return JSON.toJSONString(params);