Javaweb工程里UEditor网页编辑器的使用.docx

上传人:jian****018 文档编号:9125708 上传时间:2020-04-03 格式:DOCX 页数:2 大小:31.06KB
返回 下载 相关 举报
Javaweb工程里UEditor网页编辑器的使用.docx_第1页
第1页 / 共2页
Javaweb工程里UEditor网页编辑器的使用.docx_第2页
第2页 / 共2页
亲,该文档总共2页,全部预览完了,如果喜欢就下载吧!
资源描述
Java web工程里UEditor网页编辑器的使用第一步:在UEditor官网下载开发版本中jsp版本的资源包,得到ueditor1_2_6_1-utf8-jsp.ziphttp:/ueditor.baidu.com/website/download.html第二步:在工程WebRoot目录下新建文件夹ueditor,解压资源包,将得到的所有资源全部拷贝到WebRoot/ueditor/中。第三步:在src下创建包路径cn.owntt.common,将解压得到的jsp文件夹里Uploader.java拷贝到common中去。第四步:将解压得到的jsp文件夹里commons-fileupload-1.2.2.jar、ueditor.jar拷贝到WebRoot/WEB-INF/lib中以添加到工程。第五步:Ueditor默认是将文件imageUp.jsp所在目录作为上传文件的根目录,若需要修改保存根目录,则可以将uploader.java中方法private String getPhysicalPath(String path)的方法体代码修改为:/此处我修改为 工程根目录/upload/日期/文件名 这种格式String realPath = this.request.getSession().getServletContext().getRealPath(/);return new File(realPath) +/ +path;如果要修改upload这一级目录,可以修改uploader.java中private String savePath = upload;该值得配置。第六步:回到jsp中,首先编写以下js代码:/修正上传控件根路径window.UEDITOR_HOME_URL = $pageContext.request.contextPath/ueditor/;/工程根路径,便于上传成功图片地址回传并显示图片window.REAL_PATH = $pageContext.request.contextPath/; 再引入三个js文件ueditor.all.js、ueditor.config.js、lang/zh-cn/zh-cn.js,一定是在以上代码之后引入。在需要使用编辑器的位置,添加代码如下:这里写你的初始化内容 UE.getEditor(myEditor);其中name值为服务器获取表单值所需的key。第七步:如果编辑器大小没有被撑开或者不是你想要的大小,可以在配置文件中找到以下两行代码取消前面的”/”注释,按照需要修改高宽配置:,initialFrameWidth:800 ,initialFrameHeight:320注意保留”,”号。第八步:ueditor配置文件为ueditor.config.js,在该文件中找到代码行imagePath: URL + jsp/,将其修改为imagePath:window.REAL_PATH,目的在于修正上传成功后图片地址回传显示所需的根目录。
展开阅读全文
相关资源
相关搜索

当前位置:首页 > 建筑环境 > 建筑工程


copyright@ 2023-2025  zhuangpeitu.com 装配图网版权所有   联系电话:18123376007

备案号:ICP2024067431-1 川公网安备51140202000466号


本站为文档C2C交易模式,即用户上传的文档直接被用户下载,本站只是中间服务平台,本站所有文档下载所得的收益归上传人(含作者)所有。装配图网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对上载内容本身不做任何修改或编辑。若文档所含内容侵犯了您的版权或隐私,请立即通知装配图网,我们立即给予删除!