百度富文本Ueditor将图片存在项目外路径并回显

我的毕设中需要一个类似新闻发布的功能，使用到百度富文本编辑器，不过百度富文本编辑器有点坑（只是我太菜了），粘贴图片和回显这个坑坑了我两天时间。效果是这样的：

就是可以在文本中粘贴图片并显示出来，直接说怎么做吧。

首先从百度富文本官网下载源码 http://ueditor.baidu.com/website/download.html#ueditor

两个都下载下来

百度富文本Ueditor将图片存在项目外路径并回显

解压jsp版本，改名为ueditor，并将其复制放入你的项目的static目录下面

百度富文本Ueditor将图片存在项目外路径并回显

打开jsp/congfig.json文件，修改一下路径；imageUrlPrefix是你后面图片回显的路径，而imagePathFormat 是图片保存后的名字，对比下面的那张图就懂了

百度富文本Ueditor将图片存在项目外路径并回显

解压源码版本，取出源码，将源码放到项目下

百度富文本Ueditor将图片存在项目外路径并回显

源码中没有ConfigUtil文件，这个需要我们自己新建的。我们还需要在配置加一个路径（个人建议这样做，方便以后修改路径）

我在配置加了一个路径是 savepath=c:/bns/pr/knowImage 以后想改路径直接在这里改就可以

百度富文本Ueditor将图片存在项目外路径并回显

新建ConfigUtil.java文件

 package com.ueditor;

 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("jeesite.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 void main(String[] args) {

         String string = ConfigUtil.get("savepath");

         System.out.println(string);

     }

 }