`
bnmnba
  • 浏览: 293619 次
  • 性别: Icon_minigender_1
社区版块
存档分类
最新评论

带图片上传文件上传的CKEditor(java实现后台文件存储)

 
阅读更多

 

解压后放到web项目webapp文件夹里,空文件夹upload也需要。java类放到src里。

 

官方示例需要修改,才会显示上次tab页:http://localhost:8080/web/js/ckeditor/samples/index.html

	<script src="../ckeditor.js"></script>
	<script src="../config_upload.js"></script>

 

maven依赖:

  	<dependency>
  		<groupId>javax.servlet</groupId>
  		<artifactId>servlet-api</artifactId>
  	</dependency>
  	<dependency>
	  <groupId>commons-fileupload</groupId>
	  <artifactId>commons-fileupload</artifactId>
	  <version>1.3.1</version>
	</dependency>
	<dependency>
	  <groupId>commons-io</groupId>
	  <artifactId>commons-io</artifactId>
	  <version>2.5</version>
	</dependency>

 

修改内容:增加了上传。增加插入html5视频按钮(只是插入且未汉化)

版本:ckeditor_4.5.10_full

相关代码:附件

 

 

分享到:
评论

相关推荐

    ckeditor+ckeditor-java+ckfinder

    总结来说,CKEditor、ckeditor-java和ckfinder是用于构建强大内容编辑功能的Web开发工具集,它们的组合使得Java开发者能轻松在Web应用中实现高级的富文本编辑和文件管理功能,提高用户体验并简化后台处理流程。

    JSP使用ckeditor和ckfinder实现富文本及文件上传

    在JSP中,可以通过表单提交的方式触发文件上传请求,然后在后台的Servlet中接收文件,将其保存到服务器的指定目录,并返回保存成功的信息。在处理文件上传时,需要注意文件大小限制、文件类型的检查以及防止恶意文件...

    Ckeditor与ckfinder forJAVA

    当用户通过CKFinder选择并上传文件后,后台Java程序需要处理这些文件,包括验证文件类型、大小,存储到服务器指定位置,以及返回文件URL供CKEditor使用。 5. **权限控制** 为了保证安全,你需要在服务器端实现...

    ckeditor+ckfinder配置+操作详解,实现上传图片

    CKEditor和CKFinder是两个非常流行的开源Web内容编辑器和文件管理工具,广泛应用于网站后台、博客系统和其他需要在线文本编辑的场景。CKEditor提供了一个丰富的富文本编辑界面,而CKFinder则作为一个集成的文件...

    ckeditor整合webupload插件+后台接口代码

    在这个场景中,我们将讨论如何整合WebUpload插件与CKEditor,以实现文件上传功能,并涉及后台接口的实现。 首先,WebUpload是由百度开源的一个前端文件上传组件,它支持多文件选择、断点续传、预览、进度条等功能,...

    springmc ckeditor ckfinder三者整合

    它可以方便地集成到CKEditor中,允许用户上传图片、文档和其他文件,并在编辑器内直接插入这些资源。CKFinder提供了文件浏览、上传、下载、删除等操作,支持多种文件类型,并且可以配置权限控制,确保文件的安全性。...

    CKEditor的下载工具类

    - 图片上传:CKEditor允许用户在编辑器内直接上传图片,通过Java后端处理这些请求,可以将图片保存到服务器,并返回相应的URL,CKEditor会自动插入到编辑器中。 - 文件管理:除了图片,CKEditor还支持上传Flash、...

    struts2 + ckeditor

    2. **上传插件配置**:CKEditor提供了内置的“image”插件,允许用户直接上传图片。但默认情况下,CKEditor可能不包含文件上传功能,需要手动启用或安装“uploadimage”插件。配置CKEditor时,需要设置允许上传的...

    ckeditor学习笔记

    通过以上步骤,我们不仅实现了CKEditor中图片上传功能的启用,还完成了从上传、后台处理到前端展示的整个流程。这对于初学者来说是非常宝贵的实践经验。希望本篇学习笔记能帮助大家更好地理解和掌握CKEditor的使用...

    ckfinder的java实现

    CKFinder是一款功能强大的文件管理和上传工具,主要用于Web应用程序,它提供了用户友好的界面,使得用户能够轻松地浏览、上传、下载、删除和管理服务器上的文件和图片。CKFinder通常与富文本编辑器CKEditor一起使用...

    java博客后台管理系统.rar

    《Java博客后台管理系统详解》 Java博客后台管理系统是一款基于Java技术构建的应用软件,主要用于管理和维护博客内容,包括文章发布、用户管理、评论处理等多个功能模块。这个系统充分展示了Java在Web开发领域的...

    基于Java实现wps在线编辑、在线预览后台服务

    同时,为了实现动态加载和保存文档,可能需要用到文件上传和下载功能,Spring Boot提供了相应的支持。 3. **前端交互**:在浏览器端,可以使用Ajax或者Fetch API进行异步通信,获取和提交文档数据。为了提供良好的...

    运用CKEditor_Finder的在线编辑器

    CKEditor是一款广泛使用的开源JavaScript富文本编辑器,而CKEditor_Finder则是其扩展,增加了文件查找、上传和管理的功能,尤其适合在Web应用程序的后台管理系统中使用。 在JSP(JavaServer Pages)环境中,...

    基于Java的CKFinder文件管理器for Java.zip

    2. **配置CKFinder**:设置CKFinder的配置文件,包括后台存储路径、访问控制、语言设置等。 3. **部署CKFinder**:将解压后的CKFinder文件放入Web应用的相应目录下,例如WEB-INF/classes或WEB-INF/lib。 4. **调用...

    Struts2整合之CKeditor和CKfinder

    在Web开发中,富文本编辑器(如CKeditor)和文件管理器(如CKfinder)是常见的组件,它们使得用户可以方便地在网页上编辑和上传图片、文档等资源。CKeditor是一款强大的在线文本编辑器,而CKfinder则是一款与...

    web在线文件管理系统

    2. **文档管理**:在后台,可能采用某种文档存储和管理框架,如MongoDB的GridFS,或者自定义的文件系统接口,用于存储、检索和管理文件。 3. **可在线编辑**:这一标签强调了系统的编辑功能,这可能涉及到与服务器...

    JAVA开发的Blog系统

    这需要后端与前端的紧密协作,例如,富文本编辑器的实现可能基于开源库如CKEditor或TinyMCE,后台则需要处理上传的图片和文件,并将其保存到服务器的特定目录,同时生成可访问的URL。 文章的修改功能允许用户在发布...

    基于wps在线编辑、在线预览后台服务

    Java SDK可以方便地与这些服务交互,上传、下载和管理文件。 4. **权限控制与安全**:服务需要实施严格的权限控制,确保只有拥有权限的用户才能访问和修改文档。OAuth2或者JWT(JSON Web Tokens)可以用来进行身份...

Global site tag (gtag.js) - Google Analytics