java百度富文本编辑器将图片保存至本地并返显

最近在弄一个新闻发布项目,需要使用到百度富文本编辑器,使用过程中发现很多坑,趟了很久才走出来,不多说了,直接上代码

步骤1,从百度富文本官网下载源码http://ueditor.baidu.com/website/download.html#ueditor

分别下载完整源码和jsp-utf8两个版本源码

java百度富文本编辑器将图片保存至本地并返显

步骤2,解压jsp版本,改名为ueditor,并将其复制放入你的项目下面

java百度富文本编辑器将图片保存至本地并返显

修改路径,打开jsp/congfig.json文件,入下图进行修改

java百度富文本编辑器将图片保存至本地并返显

 

步骤3,解压源码版本,取出源码

java百度富文本编辑器将图片保存至本地并返显

将其复制放入你的项目src下

java百度富文本编辑器将图片保存至本地并返显

编写ConfigUtil类,直接上源码

import java.io.IOException;
import java.io.InputStream;
import java.io.InputStreamReader;
import java.util.Properties;

public class ConfigUtil {
    
    private static Properties pro;
    
    static{
        pro=new Properties();
        //默认从类的所在包目录开始查找资源文件
        //如果要classpath的根目录开始找,必须加上/
        InputStream input = ConfigUtil.class.getClassLoader().getResourceAsStream("properties/config.properties");

        try {
            pro.load(new InputStreamReader(input,
                    "UTF-8"));
        } catch (IOException e) {
            e.printStackTrace();
        }finally{
            if(input!=null){
                try {
                    input.close();
                } catch (IOException e) {
                    e.printStackTrace();
                }
            }
        }
    }
    
    public static String get(String key){
        return pro.getProperty(key);
    }

    public static int getInt(String key){
        return Integer.parseInt(pro.getProperty(key));
    }
    
    public static void main(String[] args) {
        String string = ConfigUtil.get("savepath");
        System.out.println(string);
    }

}

新建config.properties文件,如下图,存放路径可根据你自己的进行配置

java百度富文本编辑器将图片保存至本地并返显java百度富文本编辑器将图片保存至本地并返显

修改源码,该工程项目下ctrl+h进行搜索physicalPath,找出三个需要修改的文件

java百度富文本编辑器将图片保存至本地并返显

分别如下图进行修改

java百度富文本编辑器将图片保存至本地并返显

java百度富文本编辑器将图片保存至本地并返显

java百度富文本编辑器将图片保存至本地并返显

步骤四,修改tomcat下虚拟路径,conf/

java百度富文本编辑器将图片保存至本地并返显

写上存放路径

java百度富文本编辑器将图片保存至本地并返显

步骤5,好了前台进行测试

java百度富文本编辑器将图片保存至本地并返显

图片显示出来了,并按照我们的要求存放在D盘目录下

java百度富文本编辑器将图片保存至本地并返显

 

最后特别提醒一下,图片显示前缀,需要后台写好,这里就不多说了。