- 浏览: 123646 次
- 性别:
- 来自: 成都
文章分类
- 全部博客 (47)
- 前端开发 (11)
- 数据库 (12)
- mongodb mongo 数据库 操作 (1)
- java (31)
- sping (6)
- hibernate (6)
- 博客 (1)
- 借鉴 (1)
- lhgdialog (1)
- jequery (3)
- struts2 (8)
- CXF (1)
- WEBSERVICE (3)
- SSH (9)
- 工具类 (4)
- email (1)
- 邮件 (1)
- 发送 (1)
- db2查询 (2)
- 日期对比 (1)
- lucence (1)
- js (2)
- 浮动 (1)
- 弹出层 (1)
- oracle (6)
- mysql (2)
- 进程 (1)
- windows (1)
- axis (1)
- 存储过程 (1)
- 游标 (1)
- oracle,游标 (1)
最新评论
-
xiangyongit:
新手看不懂呀,能不能稍微加些备注
js实现点击复制 -
小二黑:
mark 0000
dwr基于struts2和spring2.5的配置详解 -
QuarterLifeForJava:
不错,虽然有点少 。谢谢分享。
SSH框架常用一些工具类整理
包自己下载,此处有提供;
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);
- ueditor.rar (849.4 KB)
- 下载次数: 195
发表评论
-
myeclipse根据wsdl文件生成webservice服务端
2017-05-22 11:38 1139java开发会经常涉及到接口开发,有时候会涉及调用对方提供 ... -
spring+mybatis+mysql示例
2017-03-02 14:06 541简单的增删查改spring + mybatis + ... -
java调用存储过程并封装成map
2016-10-21 10:20 1936public List<Map<String , ... -
javaweb工程服务器配置域名访问
2016-02-03 16:28 32091、申请域名: 例:www.baidu.com 2、apa ... -
java调用webservice接口
2016-01-19 11:56 0package com.mvc.controller; ... -
maven搭建javaweb项目
2015-06-19 15:08 540见链接:http://www.cnblogs.com/xdp- ... -
java数据库连接池操作
2015-06-19 13:57 714一、应用程序直接获取 ... -
BigDecimal在实际项目的应用及遇到的问题
2015-01-28 11:46 673BigDecimal在实际项目的应用及遇到的问题 2013-0 ... -
java操作系统的进程
2014-06-13 14:07 7251、windows下调用dos命令,很简单的java代码: ... -
DB2、oracle和mysql语句的日期对比及字符串截取
2014-06-13 10:07 3363一、在数据库查询中,我们会经验遇到日期的对比,在常用数据库中, ... -
dwr基于struts2和spring2.5的配置详解
2014-03-27 14:08 1180第一步:web.xml配置; <servlet> ... -
java字符串过滤回车和换行符
2014-01-14 15:20 22913//第一种方式 import java.util.reg ... -
oracle常用功能语句
2013-12-23 14:25 717<!--新建用户--> create ... -
java获取随机数
2013-12-17 16:50 17151、获取num个不大于range的随机数 /** * ... -
js浮动弹出层示例。
2013-12-16 14:56 670话不多说,简单的js代码文件下载一看便知. -
基于数据库lucence 3.6.2多字段配合多关键字的模糊查询
2013-12-06 10:52 1101一、首先是从数据库查询数据并添加索引 /** * 写 ... -
db2日期对比的sql,并读取xml字段数据
2013-12-06 10:47 819date(char(XML2CLOB( xmlquery( ... -
java打开拼接的rul链接并带上参数
2013-11-26 09:50 1059//判断当前系统是否支持Java AWT Desktop ... -
java调用windows应用程序
2013-11-20 11:35 789public static void main(Strin ... -
hibernate的hql查询多对多查询
2013-11-08 12:04 3986在hibernate的hql查询中,假如说分组信息与试 ...
相关推荐
百度UEditor使用说明 百度UEditor是中国搜索引擎巨头百度公司推出的富文本编辑器,旨在帮助开发者快速构建富文本编辑功能。下面是关于百度UEditor使用说明的详细知识点总结: 一、UEditor的下载和安装 在使用百度...
百度ueditor编辑器百度ueditor编辑器百度ueditor编辑器百度ueditor编辑器百度ueditor编辑器百度ueditor编辑器百度ueditor编辑器百度ueditor编辑器百度ueditor编辑器百度ueditor编辑器
在"百度Ueditor最新版使用实例"中,我们可以学习到如何有效地利用这个编辑器来提升用户体验,以及如何进行配置和优化。 首先,要理解百度Ueditor的基本架构。它由前端界面和后端服务两部分组成。前端负责展示编辑器...
在本文中,我们将深入探讨如何将Spring Boot、Thymeleaf和百度Ueditor进行整合,以便在Web应用程序中实现一个功能强大的富文本编辑器。这个集成的Demo将帮助开发者解决后端配置问题,确保文件上传功能正常运行。 ...
**百度UEditor官方包详解** 百度UEditor是一款由百度公司开发的开源富文本编辑器,它为网页开发者提供了强大的在线文字编辑功能。该编辑器以其稳定性、易用性和丰富的功能集而广受好评,适用于各类网站和应用的后台...
这个"百度ueditor完整包"包含了所有必要的组件和资源,使得用户能够在自己的网站上快速集成并使用这款编辑器。 UEditor的主要特点在于它的易用性和灵活性。它支持多种格式的文字输入,如HTML、Markdown等,同时提供...
**百度UEditor编辑器详解** 百度UEditor是一款由百度公司开发的专业级富文本编辑器,它以其强大功能和易用性在Web应用中广受欢迎。UEditor专为满足现代网络编辑需求而设计,提供丰富的文本格式化选项,支持多媒体...
【百度Ueditor使用详解】 Ueditor是由百度开发的一款强大的Web富文本编辑器,它提供了丰富的功能,便于用户在网页上创建、编辑和格式化文本。本文将深入探讨如何使用和二次开发Ueditor。 **一、Ueditor的部署与...
**百度Ueditor** 百度Ueditor是一款由百度公司开发的开源富文本在线编辑器,它专为Web应用设计,提供了一种简洁、高效的HTML文本编辑体验。这个编辑器以易用性和强大功能著称,广泛应用于各类网站、博客、论坛以及...
【百度UEditor编辑器JSP版本详解】 UEditor是由百度公司旗下的Web前端研发部精心打造的一款强大而易用的富文本Web编辑器。其主要目标是提供一个轻量级、高性能且用户友好的编辑工具,使得用户在网页上能够轻松进行...
综合来看,这个"asp.net 百度UEditorDemo"项目是一个使用ASP.NET和.NET Framework 4.0开发的Web应用示例,主要展示了如何在VS2010 SP1环境下集成和使用百度UEditor这个富文本编辑器,以提供用户友好的在线文本编辑...
百度Ueditor是一款强大的在线编辑器,它提供了丰富的功能,包括图片上传、表格制作、代码编辑等。在本案例中,我们关注的是"百度ueditor编辑器的word导入功能",特别是在ASP.NET环境下。 百度Ueditor的Word导入功能...
作为一个开源项目,UEditor遵循MIT协议,这意味着用户可以自由地使用、修改和分发其源代码,极大地促进了社区的贡献与二次开发。 **1. 轻量化设计** UEditor的设计理念之一就是轻量级,这意味着它在保证功能齐全的...
wrap组件时导入的百度ueditor资源包,如果要恢复百度ueditor图片组件的功能,就去UEditor/dialogs/image/image.html 里面取消屏蔽23,24,25行代码,如果需要查看组件使用放法,请去我主页查看:uve 使用百度ueditor自定义...
当用户选择图片上传时,UEditor会通过FTP协议将图片文件传输到指定的FTP服务器上,同样返回图片的URL供编辑器使用。 **配置文件详解** `config.json`是百度UEditor的配置文件,用于设置编辑器的各种行为和功能。...
百度UEditor是由百度公司开发的一款开源JavaScript富文本编辑器,支持多种浏览器环境。它提供了丰富的API和插件系统,允许开发者根据需求自定义编辑器功能。UEditor的主要特点包括:所见即所得、实时预览、图片上传...
通过以上介绍,我们可以看到百度Ueditor是一个功能强大、易于使用的在线富文本编辑器,无论是个人博客还是企业级项目,都能从中受益。其完善的API文档和丰富的示例代码,使得开发者能够快速地进行集成和二次开发,...