本文主要是介绍ckfinder学习系列参考文档，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
转自：http://blog.csdn.net/guoquanyou/article/details/6818750
JSP使用ckfinder实现中文图片上传后，无法显示，主要是tomcat不支持中文路径
ckeditor环境搭建 ，请参考 JSP中使用CKEditor3.6入门教程
JSP页面使用富文本控件ckeditor提交表单数据
JSP页面使用富文本控件ckeditor自定义样式
JSP使用ckeditor和ckfinder实现富文本及上传功能
在前面实现的图片上传时，如果上传的中文路径图片，则无法显示；
主要原因tomcat服务器默认 ISO-8859-1，不支持中文路径，需要修改Tomcat\conf下的server.xml
将
- <Connector port="8080" protocol="HTTP/1.1"
- connectionTimeout="20000"
- redirectPort="8443" />
添加上 URIEncoding="utf-8"
如下：
- <Connector port="8080" protocol="HTTP/1.1"
- connectionTimeout="20000"
- redirectPort="8443" URIEncoding="utf-8"/>
即可支持中文路径的图片等文件啦啦啦啦啦啦。。。。。。。。。。。。。。。。。。。。
JSP中使用CKEditor3.6入门教程
CKeditor API CHM帮助文档 http://download.csdn.net/detail/guoquanyou/3622884
JSP页面使用富文本控件ckeditor提交表单数据
JSP页面使用富文本控件ckeditor自定义样式
JSP使用ckeditor和ckfinder实现富文本及上传功能
一、下载CKEditor
1. 直接下载地址，当前最新版本为3.6：http://ckeditor.com/download
二、安装CKEditor
解压ckeditor_3.5.zip，得到ckeditor文件夹，将ckeditor整个文件夹复制到项目工程的根目录下，即WebRoot下
三、验证CKEditor是否安装成功
部署运行项目，访问: http://localhost/项目名称/ckeditor/_samples/index.html
则可出现 “CKEditor Samples List” 的Demo页面，说明CKeditor已安装成功
四、应用CKEditor
1. 导入JS文件
<script type="text/javascript" src="<%=request.getContextPath()%>/ckeditor/ckeditor.js"></script>
2. 创建和使用CKEditor
<%@ page language="java" import="java.util.*" pageEncoding="gbk"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><head><script type="text/javascript" src="<%=request.getContextPath()%>/ckeditor/ckeditor.js"></script><script type="text/javascript"> //<![CDATA[ CKEDITOR.replace('content',{toolbar:'Full', skin : 'kama'}); //]]> </script> <title>jCuckoo 's ckedit page</title></head><body><textarea class="ckeditor" cols="80" id="content" name="content" rows="10"> CKEditor Test......(此处的内容会在编辑器中显示)</textarea> </body>
</html>
说明：
1) textarea属性值 name="content": 名字可随意定义，但必须与下面的CKEDITOR.replace('content');匹配
2) CKEDITOR.replace('content');是最基本的写法，表示使用CKEditor的JavaScript API创建的编辑器实例，
替换上面的textarea。
若要为CKEditor增加一些属性设置，则其属性必须写在{}花括号内，
如上{toolbar:'Full', skin : 'kama'}
五、获取编辑器里的数据
有时在提交表单时，需要判断下编辑器里的内容是否为空，这时可使用CKEditor的JavaScript API：
CKEDITOR.instances.content.getData()
function test() {var editor_data = CKEDITOR.instances.content.getData();if(editor_data==null || editor_data==""){alert("请填写内容！");return false;}
}
注意：如果你在编辑器里打了一堆的空格，内容是不为空的，因为编辑器会把你打的空格都转换成
至此，CKEdiotr编辑器即可在页面上显示与使用。
补充说明：如果你的项目中使用struts2等框架，也可根据上面textarea的属性name="content"来获取编辑器里的内容，最好使用BLOB来存储。
这篇关于ckfinder学习系列参考文档的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
