ruoyi整合ueditor

最新推荐文章于 2025-03-15 10:09:59 发布

走在天涯的路上

最新推荐文章于 2025-03-15 10:09:59 发布

阅读量1.9k

点赞数 2

文章标签： java

本文链接：https://blog.csdn.net/uawhgfouaw/article/details/112461659

版权

若依把原有的summernote富文本编辑器换成ueditor
首先去网站下载ueditor-jsp源码最新版，或者可以网盘下载：
链接：https://pan.baidu.com/s/1ZLbYxl-mUxeYbW6UVsAGgg
提取码：lwts
重命名为ueditor
在这里插入图片描述
把jsp文件夹单独拿出来，其他的放到admin/resources/static/ajax/libs/ jsp里面的config.json文件放到resources下面，再到include.html里面引入js文件

<!-- ueditor富文本编辑器插件 -->
<div th:fragment="ueditor">
	<script th:src="@{/ajax/libs/ueditor/ueditor.config.js}"></script>
	<script th:src="@{/ajax/libs/ueditor/ueditor.all.min.js}"></script>
	<script th:src="@{/ajax/libs/ueditor/lang/zh-cn/zh-cn.js}"></script>
</div>

后端代码（辅助工具）
在这里插入图片描述

链接：https://pan.baidu.com/s/1FyIVpm98Y3dHJ1nPoPG_PQ
提取码：5780

除此之外还需要自己写一个Controller类，在这里插入图片描述

/**
 * @author : hermit
 */
@Controller
@RequestMapping("/managerImg")
public class ImgResourceCtrl {
   

    private Logger logger = LoggerFactory.getLogger(ImgResourceCtrl.class);

    @Autowired
    private UploadUtil uploadUtil;

    /**
     * ueditor配置文件名称
     */
    @Value("${uEditorConfig.fileName}")
    private String configFileName;

    /**
     * 上传图片(layui富文本)
     *
     * @return
     */
    @ResponseBody
    @RequestMapping("uploadFile")
    public Map uploadFile(MultipartFile file) throws Exception {
   
        //上传
        Map<String, String> stringMap = uploadUtil.uploadFile(file);
        //构造返回参数
        Map<String, Object> map = Maps.newHashMap();
        Map<String, Object> mapData = Maps.newHashMap();
        map.put("code", 0);//0表示成功，1失败
        map.put("msg", "上传成功");//提示消息
        map.put("data", mapData);//提示消息
        mapData.put("src", stringMap.get(UploadUtil.RES_URL));//图片url
        mapData.put("title", stringMap.get(UploadUtil.FILE_NAME));//图片名称，这个会显示在输入框里
        return map;
    }

    /**
     * 上传图片(百度富文件上传)
     *
     * @return
     */
    @RequestMapping("ueditor")
    public void ueditorUpload(String

最低0.47元/天解锁文章