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

最新推荐文章于 2019-05-19 16:38:33 发布

原创最新推荐文章于 2019-05-19 16:38:33 发布 · 338 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#java和CKEditor结合CKFinder

网页插件专栏收录该内容

1 篇文章

订阅专栏

本文介绍如何在自定义的新闻发布模块中集成CKEditor文本编辑器，并实现图片上传功能。文章详细说明了配置CKEditor所需的各项参数及路径设置，确保图片能够成功上传至服务器。

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

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>