wangEditor--富文本编辑器
基础使用
引入wangEditor的js文件

显示wangEditor编辑器

读取wangEditor里书写的内容:

往wangEditor里写入:

图片上传
引入,SpringMVC底层文件上传依赖
<!--Spring MVC 文件上传底层依赖-->
<dependency>
<groupId>commons-fileupload</groupId>
<artifactId>commons-fileupload</artifactId>
<version>1.4</version>
</dependency>
在配置文件中,激活Spring MVC 文件上传
另外,注意配置默认编码格式,防止上传中文时,出现乱码
<bean class="org.springframework.web.multipart.commons.CommonsMultipartResolver" id="multipartResolver">
<property name="defaultEncoding" value="UTF-8"/>
</bean>
控制器提供接口
///management/book/upload
@PostMapping("/upload")
@ResponseBody
public Map uploadImg(@RequestParam("img") MultipartFile file, HttpServletRequest request) throws IOException {
String uploadPath = request.getServletContext().getResource("/").getPath() + "/upload/";
String fileName = String.valueOf(UUID.randomUUID());
String originalFilename = file.getOriginalFilename();
String suffix = file.getOriginalFilename().substring(file.getOriginalFilename().lastIndexOf(".") + 1);
file.transferTo(new File(uploadPath + fileName + suffix));
HashMap<Object, Object> result = new HashMap<>();
result.put("errno", 0);
result.put("data", new String[]{"/upload/" + fileName + suffix});
return result;
}