CKeditor文件
下载：
http://ckeditor.com/download
CKfinder文件下载：： http://ckfinder.com/download
页面引用CKeditor，关键代码如下
<script type="text/ javascript" src="ckeditor/ckeditor.js"></script>
<textarea cols="80" name=" content" rows="10"></textarea>
至此，默认版CKeditor就已经安装部署好了，此时你可以通过修改/ admin/ckeditor/ckeditor.js来配置编辑器，如字体、背景色、 语言、界面高宽、编辑器按钮分布等，详细参数见官方文档： http://docs.cksource.com/ckedito ... #.autoUpdateElement
把需要设置的内容加入此函数中间即可。
CKEDITOR.editorConfig = function( config )
{
};
第二：安装配置CKfinder
Ckfinder默认配置是不能 上传文件到服务器的，所以要对ckfinder文件下的config. php做修改，将其文件里的CheckAuthentication() 返回值return false 改为return true。
设置文件上传路径。打开上一步中的config.php文件，找到”$baseUrl”，这个变量定义了ckfinder文件上传的 目录，将值设为”$baseurl=’../data /’，文件上传后 程序他会在此目录下自动建立相应的 文件夹如image、flash等。
第三：整合，实现 图片上传功能
在编辑器页面头部引用ckfinder.js文件，代码如下：
<script type="text/javascript" src="ckfinder/ckfinder.js"></script>
在编辑器textarea下面引用如下代码：
var editor = CKEDITOR.replace( ‘content’ );
CKFinder.setupCKEditor( editor, ‘./ckfinder/’ );
CKfinder文件下载：： http://ckfinder.com/download
页面引用CKeditor，关键代码如下
<script type="text/ javascript" src="ckeditor/ckeditor.js"></script>
<textarea cols="80" name=" content" rows="10"></textarea>
至此，默认版CKeditor就已经安装部署好了，此时你可以通过修改/ admin/ckeditor/ckeditor.js来配置编辑器，如字体、背景色、 语言、界面高宽、编辑器按钮分布等，详细参数见官方文档： http://docs.cksource.com/ckedito ... #.autoUpdateElement
把需要设置的内容加入此函数中间即可。
CKEDITOR.editorConfig = function( config )
{
};
第二：安装配置CKfinder
Ckfinder默认配置是不能 上传文件到服务器的，所以要对ckfinder文件下的config. php做修改，将其文件里的CheckAuthentication() 返回值return false 改为return true。
设置文件上传路径。打开上一步中的config.php文件，找到”$baseUrl”，这个变量定义了ckfinder文件上传的 目录，将值设为”$baseurl=’../data /’，文件上传后 程序他会在此目录下自动建立相应的 文件夹如image、flash等。
第三：整合，实现 图片上传功能
在编辑器页面头部引用ckfinder.js文件，代码如下：
<script type="text/javascript" src="ckfinder/ckfinder.js"></script>
在编辑器textarea下面引用如下代码：
var editor = CKEDITOR.replace( ‘content’ );
CKFinder.setupCKEditor( editor, ‘./ckfinder/’ );
来源：oschina
链接：https://my.oschina.net/u/126362/blog/42227