`

ckeditor for java 如何上传图片

阅读更多
需要做的有以下几步: 
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 for java 上传图片功能

    因此,实现图片上传的关键在于配置CKEditor的上传插件以及后端处理图片上传的Java代码。 1. **配置CKEditor**: - 首先,要在项目中引入CKEditor的JavaScript库,可以通过CDN链接或者下载后本地引用。 - 然后,...

    CKeditor for JAVA v3.6.4

    3. **集成上传组件**:CKeditor内置了文件上传功能,用户可以方便地将本地图片或其他文件上传到服务器,极大地增强了网页编辑的交互性。 4. **多语言支持**:除了英文之外,CKeditor还提供了简体中文和繁体中文版本...

    ckeditor for java 模板项目

    **ckeditor for java 模板项目** CKEditor是一款流行的富文本编辑器,广泛应用于网页和应用程序中,提供丰富的文本格式化和编辑功能。在Java环境中,CKEditor可以通过与Servlet或JSP页面结合,使得用户能够在服务器...

    CKeditor for JAVA v3.6.4 [江西新余电信].zip.zip

    CKeditor for JAVA v3.6.4 是一个专门为Java平台设计的富文本编辑器,它在Web应用中被广泛使用,允许用户在浏览器端进行格式丰富的文本编辑。这个版本是v3.6.4,发布于某个时期,可能是为了修复之前版本的bug,提升...

    ckeditor 带上传例子 for java jsp

    在这个“ckeditor带上传例子 for java jsp”的压缩包中,包含了一个基于Java和JSP的CKEditor上传功能示例。 首先,我们需要理解CKEditor的上传功能。在CKEditor中,用户可以插入图片、文件或其他媒体内容,而上传...

    在线文本编辑器ckeditor3.6.2 for JAVA

    CKEditor是一款知名的富文本编辑器,提供了多种功能,如字体设置、段落调整、图片上传、链接创建等,让网页中的文字编辑体验接近桌面应用程序。CKEditor 3.6.2是该编辑器的一个版本,专为Java环境设计。 CKEditor ...

    CKEditor for Java

    CKEditor以其易用性和丰富的功能而闻名,包括格式化、图片上传、链接创建等,是许多企业级Web应用的理想选择。 CKEditor的核心是一个JavaScript库,但在Java环境中使用时,通常需要通过特定的集成方式将其引入到Web...

    ckeditor与ckfinder(java版)整合,实现图片上传

    ### CKEditor与CKFinder(Java版)整合实现图片上传的知识点 #### 1. CKEditor配置详解 **下载与安装** - **下载地址**: [http://ckeditor.com/download](http://ckeditor.com/download) - **安装步骤**: - 解压...

    Ckeditor与ckfinder forJAVA

    **正文** CKEditor和CKFinder是两个在Web开发中广泛使用的工具,特别是在处理富文本编辑和文件...提供的`Ckeditor与ckfinder整合forJAVA(支持文件上传).doc`文档应该包含了详细的步骤和示例代码,可作为参考进行实践。

    Ckeditor + ckfinder整合for JAVA(支持文件上传)

    **整合Ckeditor和ckFinder for JAVA** 1. **配置Ckeditor** 首先,你需要在项目中引入Ckeditor的JavaScript库。这可以通过在HTML文件中添加script标签来实现,或者使用构建工具如Webpack、Grunt等进行管理。 2. **...

    CKEDITOR 编辑器本地上传图片(好)

    CKEDITOR编辑器是一款广泛应用于网页开发中的开源富文本编辑器,它提供了丰富的文字编辑功能,如格式化、图片上传、链接插入等,使得用户在网页上可以像在桌面应用程序中一样编辑内容。在这个主题中,我们将深入探讨...

    ckeditor与ckfinder整合forJAVA(支持文件上传、解决乱码问题)二

    ### CKEditor与CKFinder整合For Java(支持文件上传、解决乱码问题) #### 知识点一:CKEditor与CKFinder简介 - **CKEditor**:CKEditor是一款强大的开源富文本编辑器,广泛应用于Web应用程序中,允许用户直接在...

    CKeditor for JAVA源代码

    3. **上传组件集成**:CKeditor内建了图片上传功能,用户可以直接在编辑器中上传并插入本地图片,极大地提升了在线编辑的便利性。 4. **多语言支持**:除了英文版本外,CKeditor还提供了简体中文和繁体中文等多语言...

    java使用CKEditor实现图片上传功能

    Java 使用 CKEditor 实现图片上传功能 CKEditor 是一个功能强大且流行的富文本编辑器,广泛应用于 Web 开发中。然而,在使用 CKEditor 时,如何实现图片上传功能是一个常见的问题。本文将详细介绍 Java 使用 ...

    ckeditor+ckfinder整合for java for jsp

    百分百最简单配置,无垃圾污染代码 ...最新版本,jsp整合,后台servlet,javabean,编辑器带上传图片功能。 不足之处:如果上传的资源是中文,前端引用会乱码。 开发环境,myeclipse,数据库 mysql

    解决ckfinder2.4.1 for java与ckeditor集成时快速上传重名不显示的jar包

    ckfinder2.4.1 for java与ckditor集成时,点击快速上传后,如果服务器上有同名文件存在,则在自动获取URL时出会出错误。这个主要是com.ckfinder.connector.errors.ErrorUtils这个类在初始化时出现错误。URL dirURL =...

    Ckeditor与ckfinder整合

    在本文中,我们将深入探讨如何将Ckeditor与ckfinder整合在Java环境下,实现文件上传功能。Ckeditor是一款强大的富文本编辑器,而ckfinder则是一个文件管理器,它们结合使用可以方便地在编辑器中插入、管理和上传各种...

    最新ckeditor3.6+ckfinder2.1整合含上传文件命名改为日期型(java版)

    总之,"最新ckeditor3.6+ckfinder2.1整合含上传文件命名改为日期型(java版)"这个主题涉及了富文本编辑器、文件管理器的集成以及Java环境下的开发实践。无论是对个人技能的提升还是项目的需求,这样的整合都是一个有...

    CKFinder for Java技术说明文档完整版

    CKFinder for Java是一款功能强大的文件管理和上传工具,主要用于与富文本编辑器如CKEditor集成,为Web应用程序提供便捷的图片、文件管理功能。这个技术说明文档的完整版涵盖了CKFinder for Java 2.4.1的所有关键...

Global site tag (gtag.js) - Google Analytics