百度Ueditor的基本配置和照片的上传

最近刚弄了百度富文本的基本使用，拿来跟大家分享一下。

1.下载，http://ueditor.baidu.com/website  ，最正规的下载网站，百度一下，随处可见。

2.解压下载的文件

3.把这些东西都复制到你的工程的跟目录下，这里我以sts为例：

4.有的项目可能需要把最下方的几个jar包再导入一遍，不用介意，再重新导入一遍就是了。ueditor.all.js   ueditor.config.js  ,ueditor.parse.js, 这三个就够了。

5.直接打开index.html就可以使用神奇的ueditor了。（http://localhost:8080/工程名称/ueditor/index.html)

6.如果你想要上传图片，还要进行相关配置，先来看ueditor.js的配置，

注意画红的部分，尽量别写错了。

7.然后就是config.json的配置，这里才是重头戏，看仔细了。

千万注意以上的两个配置，记住了

8.配置完成，刷新或重启，就可以实现文件的上传了。

9.下面写一下自己的测试代码（主要是加强自己记忆）

update.jsp

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>



  


















	
 
    


 
	   
   
 
 

			
" name="aname"
				style="padding: 3px auto 9px auto; margin: 67px auto 9px auto; width: 240px; border: solid 0px #91b5e7; height: 165px;"
				method="post" enctype="multipart/form-data">


				主题：

					模块: 
         备注：

							1.支持的文件格式是jpg/png/jpeg/gif
 2.文件大小应小于1M

							3.请不要上传与版权/名誉相关的图片 

						

						

							

							

								

									

										

											

										

									

								

							
        
			

			






		




    

后台接受代码：

@RequestMapping(value="/addnews.html")
	@ResponseBody
	public String newsAdd(Core core,HttpServletRequest request) throws ServletException, Exception
	{
		System.out.print(123);
		// 获得表单传过来的几个数据
				String theme = core.getTheme();
				String content = core.getContent();
				int plate = core.getPlate();
				System.out.print(plate);
				String URL = request.getContextPath()+"/"+"ueditor/jsp";
				SimpleDateFormat format = new SimpleDateFormat("yyyyMMddHHmmss");
				Date newsDate =new Date();
			    String date =format.format(newsDate);
			    String imageURL = URL+"/upload/"+date+".jpg";
			    Core core1 = new Core();
			    core1.setTheme(theme);
				core1.setContent(content);
				core1.setPlate(plate);
				core1.setPicurl(imageURL);
				if (tryCatchCoreService.saveCore(core1)) {

					return returnStatus.Success;
				}

				else {
					return returnStatus.Fail;
				}
	}

这是自己的效果图，虽然很丑，但是成功了。

暂时就是这样，加强记忆，也希望对大家有帮助。

欢迎关注公众号    IT技术自查    获取更多跟详细的IT情报