springboot2.0 前后端分离集成富文本编辑器UEditor ,配置文件上传

本文介绍了如何在SpringBoot2.0项目中集成富文本编辑器UEditor,实现了前后端分离的文件上传功能。首先从UEditor官网下载Jsp版本并配置前端,然后提供了后端代码目录结构和核心访问接口,确保图片和视频能正常上传。最后提到了application-dev.yml的配置,包括上传路径和大小限制,并建议遇到问题的读者直接下载已调通的demo源码作为参考。
摘要由CSDN通过智能技术生成

1.下载UEditor
UEditor官方下载地址
本人选择了[1.4.3.3 Jsp 版本];
解压后,找到index.html文件,可参看文件进行配置,并掌握对富文本编辑器的常用方法。
在这里插入图片描述
运行后的效果
在这里插入图片描述
如果不用上传文件,就不用往后看。
如果需要上传文件,点击图片或者视频上传
在这里插入图片描述
会提示后端配置项没有正常加载
2.配置spring boot2.0 后端代码,实现正常加载
后端代码目录结构如下
在这里插入图片描述
核心访问接口代码:

package com.baidu.ueditor.controller;

import com.baidu.ueditor.ActionEnter;
import org.json.JSONException;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.CrossOrigin;
import org.springframework.web.bind.annotation.RequestMapping;

import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.io.PrintWriter;

/**
 * Created by ldb on 2017/4/9.
 */
@Controller
public class UEditorController {


    @RequestMapping("/")
    private String showPage(){
        return "index";
    }

    @RequestMapping(value="/config")
    @CrossOrigin(origins = "*",maxAge = 3600)
    public void config(HttpServletRequest request, HttpServletResponse response) throws JSONException {
        response.setContentType("application/json");
        String rootPath = reque
  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值