百度ueditor使用意得
百度ueditor使用心得
包自己下载,此处有提供;
ueditor难度在于图片和附件的上传配置。
1、
2、编辑框的实例化,js代码:
html代码:
3、需注意到的是为编辑框赋值:
4、图片上传配置:
导入ueditor.config.js,再项目中导入commons-fileupload-1.2.1.jar和ueditor.jar包
首先配置URL为你的ueditor针对项目下的相对目录
其次配置图片保存目录
然后就是jsp页面的处理
imageUp.jsp如下:
fileUp.jsp如下:
5、图片本地管理要修改:
imageManager.jsp
然后如下:
包自己下载,此处有提供;
ueditor难度在于图片和附件的上传配置。
1、
<script type="text/javascript" src="ueditor/ueditor.config.js" ></script> <script type="text/javascript" src="ueditor/ueditor.all.js" ></script>
2、编辑框的实例化,js代码:
var describe = UE.getEditor('myEditor');
html代码:
<div id="myEditor" style="height:100px;"></div>
3、需注意到的是为编辑框赋值:
var examContentAnalysis = UE.getEditor('myEditor8'); examContentAnalysis.ready(function(){ examContentAnalysis.setContent('${tmEduExamContent.examContentAnalysis}'); });
4、图片上传配置:
导入ueditor.config.js,再项目中导入commons-fileupload-1.2.1.jar和ueditor.jar包
首先配置URL为你的ueditor针对项目下的相对目录
var URL; URL = window.UEDITOR_HOME_URL = "/TMRemoteEdu/ueditor/"; URL = window.UEDITOR_HOME_URL || (function(){
其次配置图片保存目录
//图片上传配置区 ,imageUrl:URL+"jsp/imageUp.jsp" //图片上传提交地址 ,imagePath:URL + "/upload/" //图片修正地址,引用了fixedImagePath,如有特殊需求,可自行配置 //,imageFieldName:"upfile" //图片数据的key,若此处修改,需要在后台对应文件修改对应参数 //,compressSide:0 //等比压缩的基准,确定maxImageSideLength参数的参照对象。0为按照最长边,1为按照宽度,2为按照高度 //,maxImageSideLength:900 //上传图片最大允许的边长,超过会自动等比缩放,不缩放就设置一个比较大的值,更多设置在image.html中 //附件上传配置区 ,fileUrl:URL+"jsp/fileUp.jsp" //附件上传提交地址 ,filePath:URL + "/upload/" //附件修正地址,同imagePath //,fileFieldName:"upfile" //附件提交的表单名,若此处修改,需要在后台对应文件修改对应参数 //图片在线管理配置区 ,imageManagerUrl:URL + "jsp/imageManager.jsp" //图片在线管理的处理地址 ,imageManagerPath:URL + "/upload/"
然后就是jsp页面的处理
imageUp.jsp如下:
up.setSavePath("../upload");
fileUp.jsp如下:
up.setSavePath("../upload"); //保存路径
5、图片本地管理要修改:
imageManager.jsp
public String getRealPath(HttpServletRequest request,String path){ ServletContext application = request.getSession().getServletContext(); String str = application.getRealPath(request.getServletPath()); return new File(new File(str).getParent()).getParent() + path; }
然后如下:
String path = "\\upload"; String imgStr =""; String realpath = getRealPath(request,path)+"/"; List<File> files = getFiles(realpath,new ArrayList()); for(File file :files ){ imgStr+=file.getPath().replace(getRealPath(request,path),"")+"ue_separate_ue"; } if(imgStr!=""){ imgStr = imgStr.substring(0,imgStr.lastIndexOf("ue_separate_ue")).replace(File.separator, "/").trim(); } out.print(imgStr);