JavaWeb10 ckeditor&smartupload

ckeditor 富文本编辑器

1.了解什么是富文本编辑器：富文本编辑器(Multi-function Text Editor) 简称 MTE, 是一种可内嵌于浏览器，所见即所得的文本编辑器

2.怎么下载ckeditor：在浏览器中搜索ckeditor官网即可，也可点击下方链接进入Quick Start Guide - CKEditor 4 Documentation（ckeditor文本编辑器更新到第5代，我主要讲述的是第4代（最新版本不比旧版本安全））进入官网后可直接下载，下载后将文件解压，下方为解压后的ckeditor文件夹

 如何使用富文本编辑器：在使用之前，先将富文本编辑器的文件夹复制到web项目的webapp目录下面

 在需要用到富文本编辑器界面，先引入ckeditor

 后在需要添加编辑器的部分添加ckeditor

 看效果

 smartupload 上传文件或图片

功能：上传图片，动图，视频...

在用它之前要记得导jar包，写一个简单的界面

 主要代码

    //实现文件上传
	//①单文件上传
	//--自动获取web项目的根目录
	//实例化
	SmartUpload su=new SmartUpload();
	//初始化 pageContext属于九大内置对象之一 作用域仅限于当前页面 
	su.initialize(pageContext); 
	//设置相关要求 
	su.setCharset("utf-8");//设置编码方式
	su.setAllowedFilesList("jpg,png,gif,jpeg");//允许文件上传类型列表 
	su.setDeniedFilesList("exe,jsp,bat");//禁止上传文件类型列表 
	//上传到服务器内存 
	su.upload();
	
	//定义上传到服务器硬盘的文件夹
	/* String path="images/";
	//获取第1个文件
	File file=su.getFiles().getFile(0);
	//判断是否选择了文件
	if(!file.isMissing()){//说明选择了
		file.setCharset("utf-8");//设置文件的编码方式
		path+=file.getFileName();//拼接上原有的文件名 images/2.gif
		file.saveAs(path, SmartUpload.SAVE_VIRTUAL);//自动找web项目的根目录
	}
	
	//把path保存到数据库中对应列即可  
	out.print(path); */
	
	//--手动获取web项目的根目录 
	//先找到web项目的根目录  E:\JavaWeb\.metadata\.plugins\org.eclipse.wst.server.core\tmp0\wtpwebapps\s5.5  
	/* String webPath=this.getServletContext().getRealPath("/");
	String path="images/";
	//获取第一个文件
	File file=su.getFiles().getFile(0);
	if(!file.isMissing()){
		file.setCharset("utf-8");//设置文件的编码方式
		path+=file.getFileName();//拼接原有文件名  images/3.gif
		file.saveAs(webPath+path);//完整路径 (目录)
	}
	//把path保存到数据库中对应列即可 
	out.print(path); */
	
	//建议在上传文件之后再取表单其他值 
	//获取request对象
	/* Request req=su.getRequest();
	String name=req.getParameter("iname");
	out.print("<br/>取到了："+name); */
	
	//②多文件上传 
	//拿到所有的文件
	Files fs=su.getFiles();
	//拿到上传的总数目   
	int n=fs.getCount();
	//循环
	for(int i=0;i<n;i++){
		//依次获取每一个文件 依次进行上传
		File file=fs.getFile(i);
		String path="images/";
		//判断是否选择了文件
		if(!file.isMissing()){//说明选择了
			file.setCharset("utf-8");//设置文件的编码方式
			path+=file.getFileName();//拼接上原有的文件名 images/2.gif
			file.saveAs(path, SmartUpload.SAVE_VIRTUAL);//自动找web项目的根目录
		}
		out.print(path+"<br>");
	}

看效果