需要做的有以下几步:
1. 到官网下载ckeditor
2. 复制到java web项目目录下
3. 配置config文件,打开图片上传功能
CKEDITOR.editorConfig = function (config) {
// 换行方式
config.enterMode = CKEDITOR.ENTER_BR;
// 当输入:shift+Enter是插入的标签
config.shiftEnterMode = CKEDITOR.ENTER_BR;//
//图片处理
config.pasteFromWordRemoveStyles = true;
config.filebrowserImageUploadUrl = "ckUploadImage.action?type=image";
// 去掉ckeditor“保存”按钮
config.removePlugins = 'save';
};
4. java后台处理代码
// 上传图片
@Action(value = "/ckUploadImage", results = { @Result(name = "success", location = "/upload.jsp") })
public String uploadImages() throws Exception {
HttpServletRequest request = ServletActionContext.getRequest();
FileOutputStream fos;
String webRoot = request.getSession().getServletContext().getRealPath(
"");
// 获取图片后缀名
String partRightType = uploadFileName.substring(uploadFileName
.lastIndexOf("."));
String CKEditorFuncNum = request.getParameter("CKEditorFuncNum");
// 判断图片的格式
if (!ImageFile.checkImageType(partRightType)) {
String path = "";
String alt_msg = "Sorry! Image format selection is incorrect, please choose GIF, jpeg, PNG format JPG, picture!";
pringWriterToPage("<script type='text/javascript'>window.parent.CKEDITOR.tools.callFunction("
+ CKEditorFuncNum
+ ", '"
+ path
+ "' , '"
+ alt_msg
+ "');</script>");
} else {
try {
uploadFileName = DateUtils.getDateNoStyle() + "-"
+ UUID.randomUUID() + partRightType;
String savePath = webRoot + Constants.UPLOAD_IMAGES_PATH;
File uploadFilePath = new File(savePath);
if (uploadFilePath.exists() == false) {
uploadFilePath.mkdirs();
System.out.println("路径不存在,但是已经成功创建了" + savePath);
} else {
System.out.println("路径存在了" + savePath);
}
fos = new FileOutputStream(new File(savePath + uploadFileName));
FileInputStream fis = new FileInputStream(getUpload());
byte[] buffer = new byte[1024];
int len = 0;
while ((len = fis.read(buffer)) > 0) {
fos.write(buffer, 0, len);
}
fos.close();
fis.close();
} catch (FileNotFoundException foe) {
System.out.println("上传文件为0字节");
}
// String path = "http://" + request.getServerName() + ":"
// + request.getServerPort() + request.getContextPath()
// + Constants.UPLOAD_IMAGES_PATH + uploadFileName;
String path = request.getContextPath()
+ Constants.UPLOAD_IMAGES_PATH + uploadFileName;
String alt_msg = "";
pringWriterToPage("<script type='text/javascript'>window.parent.CKEDITOR.tools.callFunction("
+ CKEditorFuncNum
+ ", '"
+ path
+ "' , '"
+ alt_msg
+ "');</script>");
}
return null;
}
* 其实重点的代码就是这点
pringWriterToPage("<script type='text/javascript'>window.parent.CKEDITOR.tools.callFunction("
+ CKEditorFuncNum
+ ", '"
+ path
+ "' , '"
+ alt_msg
+ "');</script>");
分享到:
相关推荐
因此,实现图片上传的关键在于配置CKEditor的上传插件以及后端处理图片上传的Java代码。 1. **配置CKEditor**: - 首先,要在项目中引入CKEditor的JavaScript库,可以通过CDN链接或者下载后本地引用。 - 然后,...
3. **集成上传组件**:CKeditor内置了文件上传功能,用户可以方便地将本地图片或其他文件上传到服务器,极大地增强了网页编辑的交互性。 4. **多语言支持**:除了英文之外,CKeditor还提供了简体中文和繁体中文版本...
**ckeditor for java 模板项目** CKEditor是一款流行的富文本编辑器,广泛应用于网页和应用程序中,提供丰富的文本格式化和编辑功能。在Java环境中,CKEditor可以通过与Servlet或JSP页面结合,使得用户能够在服务器...
CKeditor for JAVA v3.6.4 是一个专门为Java平台设计的富文本编辑器,它在Web应用中被广泛使用,允许用户在浏览器端进行格式丰富的文本编辑。这个版本是v3.6.4,发布于某个时期,可能是为了修复之前版本的bug,提升...
在这个“ckeditor带上传例子 for java jsp”的压缩包中,包含了一个基于Java和JSP的CKEditor上传功能示例。 首先,我们需要理解CKEditor的上传功能。在CKEditor中,用户可以插入图片、文件或其他媒体内容,而上传...
CKEditor是一款知名的富文本编辑器,提供了多种功能,如字体设置、段落调整、图片上传、链接创建等,让网页中的文字编辑体验接近桌面应用程序。CKEditor 3.6.2是该编辑器的一个版本,专为Java环境设计。 CKEditor ...
CKEditor以其易用性和丰富的功能而闻名,包括格式化、图片上传、链接创建等,是许多企业级Web应用的理想选择。 CKEditor的核心是一个JavaScript库,但在Java环境中使用时,通常需要通过特定的集成方式将其引入到Web...
### CKEditor与CKFinder(Java版)整合实现图片上传的知识点 #### 1. CKEditor配置详解 **下载与安装** - **下载地址**: [http://ckeditor.com/download](http://ckeditor.com/download) - **安装步骤**: - 解压...
**正文** CKEditor和CKFinder是两个在Web开发中广泛使用的工具,特别是在处理富文本编辑和文件...提供的`Ckeditor与ckfinder整合forJAVA(支持文件上传).doc`文档应该包含了详细的步骤和示例代码,可作为参考进行实践。
**整合Ckeditor和ckFinder for JAVA** 1. **配置Ckeditor** 首先,你需要在项目中引入Ckeditor的JavaScript库。这可以通过在HTML文件中添加script标签来实现,或者使用构建工具如Webpack、Grunt等进行管理。 2. **...
CKEDITOR编辑器是一款广泛应用于网页开发中的开源富文本编辑器,它提供了丰富的文字编辑功能,如格式化、图片上传、链接插入等,使得用户在网页上可以像在桌面应用程序中一样编辑内容。在这个主题中,我们将深入探讨...
### CKEditor与CKFinder整合For Java(支持文件上传、解决乱码问题) #### 知识点一:CKEditor与CKFinder简介 - **CKEditor**:CKEditor是一款强大的开源富文本编辑器,广泛应用于Web应用程序中,允许用户直接在...
3. **上传组件集成**:CKeditor内建了图片上传功能,用户可以直接在编辑器中上传并插入本地图片,极大地提升了在线编辑的便利性。 4. **多语言支持**:除了英文版本外,CKeditor还提供了简体中文和繁体中文等多语言...
Java 使用 CKEditor 实现图片上传功能 CKEditor 是一个功能强大且流行的富文本编辑器,广泛应用于 Web 开发中。然而,在使用 CKEditor 时,如何实现图片上传功能是一个常见的问题。本文将详细介绍 Java 使用 ...
百分百最简单配置,无垃圾污染代码 ...最新版本,jsp整合,后台servlet,javabean,编辑器带上传图片功能。 不足之处:如果上传的资源是中文,前端引用会乱码。 开发环境,myeclipse,数据库 mysql
ckfinder2.4.1 for java与ckditor集成时,点击快速上传后,如果服务器上有同名文件存在,则在自动获取URL时出会出错误。这个主要是com.ckfinder.connector.errors.ErrorUtils这个类在初始化时出现错误。URL dirURL =...
在本文中,我们将深入探讨如何将Ckeditor与ckfinder整合在Java环境下,实现文件上传功能。Ckeditor是一款强大的富文本编辑器,而ckfinder则是一个文件管理器,它们结合使用可以方便地在编辑器中插入、管理和上传各种...
总之,"最新ckeditor3.6+ckfinder2.1整合含上传文件命名改为日期型(java版)"这个主题涉及了富文本编辑器、文件管理器的集成以及Java环境下的开发实践。无论是对个人技能的提升还是项目的需求,这样的整合都是一个有...
CKFinder for Java是一款功能强大的文件管理和上传工具,主要用于与富文本编辑器如CKEditor集成,为Web应用程序提供便捷的图片、文件管理功能。这个技术说明文档的完整版涵盖了CKFinder for Java 2.4.1的所有关键...