java环境CKEditor结合CKFinder开发文件上传

标签: java和CKEditor结合CKFinder
0人阅读 评论(0) 收藏 举报
分类:

自己开发新闻发布模块时需要在网页添加一个文本编辑器,需要实现的功能

1.把图片文件传到服务器

2.粘贴进入编辑区域的word文本样式不能改变

ckeditor的各种配置可以在网上搜,下面直接给一个百度云链接,可以下载demo运行

ckeditor版本是4.9.1

百度云地址:https://pan.baidu.com/s/1Q4lhke8gW0wBp9ev8xr3qw

自己改动的时候注意事项:index.jsp页面中

uploadUrl:'${pageContext.request.contextPath}/web/ckfinder/core/connector/java/connector.java?command=QuickUpload&type=Files&responseType=json',
filebrowserBrowseUrl: '${pageContext.request.contextPath }/web/ckfinder/ckfinder.html',
filebrowserImageBrowseUrl: '${pageContext.request.contextPath }/web/ckfinder/ckfinder.html?type=Images',
filebrowserUploadUrl:'${pageContext.request.contextPath}/web/ckfinder/core/connector/java/connector.java?command=QuickUpload&type=Files',

 filebrowserImageUploadUrl: '${pageContext.request.contextPath }/web/ckfinder/core/connector/java/connector.java?command=QuickUpload&type=Images',

上面的路径是在web底下,在web.xml中servlet-Mapping的/web/ckfinder/core/connector/java/connector.java路径保持和你网页放置路径名称相同!!!!

<servlet-mapping>

    <servlet-name>ConnectorServlet</servlet-name>

    <url-pattern>/web/ckfinder/core/connector/java/connector.java</url-pattern>
</servlet-mapping>


查看评论

CKEditor 整合CKFinder实现文件上传及富文本操作

事先说明:此整合的是java版本的  1,下载需要资源:        a) ckeditor_4.4.5 (解压)(原谅我喜欢功能强大的,如果你不喜欢,可以用basic版的) http...
  • a_ku___
  • a_ku___
  • 2014-10-04 09:51:42
  • 2318

富文本编辑器,CKEditor与 CKFinder 整合并实现文件上传功能

富文本编辑器,CKEditor与 CKFinder 整合并实现文件上传功能
  • ZJDWHD
  • ZJDWHD
  • 2016-12-12 10:11:48
  • 785

(配置)CKEditor+CKFinder+php上传配置,根据年月命名创建文件夹来存放

CKEditor+CKFinder+php上传配置    新版本的CKEditor只提供了基本的文本编辑功能,上传模块由另一个组件CKFinder。这里主要记录CKFinder上传的一些参数...
  • ITWYHH
  • ITWYHH
  • 2014-01-07 13:21:41
  • 1557

CKEditor与CKFinder学习--整合SpringMVC

ckeditor与ckfinder整合,jsp页面引入,springmvc框架
  • frankcheng5143
  • frankcheng5143
  • 2016-03-17 14:18:56
  • 5932

使用CKeditor+CKfinder 实现文件上传,步骤!(一)

配置CKeditor: 1.      下载ckeditor,解压将之放入webroot下;并删除没用的包:把ckeditor/samples完全删掉,把ckeditor/lang里面除了en.js...
  • foyui001
  • foyui001
  • 2015-07-25 00:21:13
  • 563

CKEditor+CKFinder+php使用心得

最近由于工作需要,一次性需要把所有的编辑器改进成CKEditor,不过这玩意没有上传功能,只好找到它的姐妹产品CKFinder。网上一查,才知道这两东西合伙才有希望完成上传等诸多功能。 由于之前...
  • china_skag
  • china_skag
  • 2014-09-28 11:25:40
  • 3816

ckeditor批量上传图片(上)

什么都不说,先上图··· 好了!现在该说说了··· ckeditor本身已经不提供批量传图功能了,想要传图,要么点一张传一张,要么就是想尽一切办法自己添加这个功能插件!网上不乏ckeditor+S...
  • QiuDW_01
  • QiuDW_01
  • 2015-08-18 17:51:12
  • 3303

CKEditor使用js结合CKFinder实现上传,解决项目路径问题

在CKEditor  的javascript  api中有对CKEditor进行创建实例的方法,可以通过这些方法对CKEditor进行操作      例:   ...
  • raoshihong
  • raoshihong
  • 2013-11-30 19:13:58
  • 1367

ckEditor上传到指定ftp上

  • 2014年02月25日 11:39
  • 6.43MB
  • 下载

CKEditor与CKFinder学习--自定义界面及按钮事件捕获

上一篇博客写了如何搭建CKEditor与CKFinder环境,并将其与SpringMVC进行整合,现在学习如何进行界面的定义,以及界面元素的操作。效果图界面操作图原始界面 调整后的界面(删除了flu...
  • frankcheng5143
  • frankcheng5143
  • 2016-03-21 18:00:25
  • 4581
    个人资料
    等级:
    访问量: 1624
    积分: 83
    排名: 151万+
    文章存档