CKeditor是一款非常优秀的在线文本编辑器，官方网站是：http://ckeditor.com/
CKFinder是一款优秀的文件上传工具和CKeditor是同一公司的，官方网站是：http://ckfinder.com/
CKeditor和CKFinder的整合及使用例子如下：
1.在head处加入“<script type="text/javascript" src="ckeditor/ckeditor.js"></script>”
2.在head处加入"<script type="text/javascript" src="ckfinder/ckfinder.js"></script>"
3.注意CKeditor和CKFinder目录一定要平级，不能其中一个包含另一个
4.还要注意的是CKeditor和CKFinder目录的权限要对所有Internet浏览者开放，就是给访问权限，否则配置是不会成功的。
5.打开CKFinder目录的config.php，找到“$baseUrl”修改上传路径。找到 “CheckAuthentication()”函数配置上传许可，不可以简单的把return false;改成return true;要做一个上传者的权限认证，如下我检查了该上传者是否已经登陆本站，已登陆就可以上传，没登陆就不可以上传。另外要让配置的图片上传最大宽度和最大高度值生效，要打开PHP的GD2扩展。否则上传可以成功但不能自动转到上传成功页。
if(!$_COOKIE["user_name"])
return false;
else
return true;
6.<textarea cols="80" id="com_intro" name="com_intro" rows="10"></textarea>
<script type="text/javascript">
if (typeof CKEDITOR == 'undefined') {
document.write('加载CKEditor失败');
}
else {
var editor = CKEDITOR.replace('com_intro');
}
CKFinder.SetupCKEditor(editor, 'ckfinder'); //ckfinder总目录的相对路径.整合CKFinder
CKEDITOR.config.height = 100;//在这里可以定义某个页面编辑器的大小，注意在config.js中要把相关的height等默认配置去掉，否则这里的设定是无效的。
</script>
7.注意上面的JAVASCRIPT脚本一定要放在“<textarea>”后面，相信大家一定知道为什么。
8.CKEditor全菜单数组如下，可根据自已需要修改，在CKEditor目录的config.js文件中，默认没有以下函数就是全部菜单的情况。下面数组中的“'/'”，是菜单界面的换行符
config.toolbar_Full =
[
['Source','-','Save','NewPage','Preview','-','Templates'],
['Cut','Copy','Paste','PasteText','PasteFromWord','-','Print', 'SpellChecker', 'Scayt'],
['Undo','Redo','-','Find','Replace','-','SelectAll','RemoveFormat'],
['Form', 'Checkbox', 'Radio', 'TextField', 'Textarea', 'Select', 'Button', 'ImageButton', 'HiddenField'],
'/',
['Bold','Italic','Underline','Strike','-','Subscript','Superscript'],
['NumberedList','BulletedList','-','Outdent','Indent','Blockquote'],
['JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock'],
['Link','Unlink','Anchor'],
['Image','Flash','Table','HorizontalRule','Smiley','SpecialChar','PageBreak'],
'/',
['Styles','Format','Font','FontSize'],
['TextColor','BGColor'],
['Maximize', 'ShowBlocks','-','About']
];
9.还有可以设置CKEditor的外观可默认高度，宽度，在config.js文件中添加
config.skin = 'v2';
config.height="300";
修改相关配置可以参看以下官方说明：http://docs.cksource.com/ckeditor_api/symbols/CKEDITOR.config.html