一、下载

    到官网下载ckeditor、ckeditor_aspnet、ckfinder(配置ckeditor图片、Flash等上传功能)

    官网：http://ckeditor.com/download

二、配置ckeditor

    1、在网站根目录下创建一个文件夹，把上面的三个文件夹添加进去

    2、在工具箱内右键选择项，通过Browse找到ckeditor_aspnet\bin\Release文件夹下的ckeditor.net.dll，添加之后，在选项卡内生成控件CKEditorControl，拖放到设计页面中，修改BasePath属性为ckeditor文件的位置

    3、在“Web.config”文件中配置源文件的路径

    4、运行，这时候发现并没有上传图片的功能，配置ckfinder实现这一功能

    三、配置ckfinder实现图片上传功能

    1、引用ckfinder控件

    2、配置ckeditor的config.js (目录：/CKEditor/config.js ) 在CKEDITOR.editorConfig函数里加上以下代码，不需要的可以去掉

    config.filebrowserBrowseUrl= '/ckfinder/ckfinder.html'; //上传文件时浏览服务文件夹

    config.filebrowserImageBrowseUrl= '/ckfinder/ckfinder.html?Type=Images'; //上传图片时浏览服务文件夹

    config.filebrowserFlashBrowseUrl= '/ckfinder/ckfinder.html?Type=Flash';  //上传Flash时浏览服务文件夹

    config.filebrowserUploadUrl = '/ckfinder/core/connector/aspx/connector.aspx?command=QuickUpload&type=Files'; //上传文件按钮(标签)

    config.filebrowserImageUploadUrl= '/ckfinder/core/connector/aspx/connector.aspx?command=QuickUpload&type=Images'; //上传图片按钮(标签)

    config.filebrowserFlashUploadUrl= '/ckfinder/core/connector/aspx/connector.aspx?command=QuickUpload&type=Flash'; //上传Flash按钮(标签)

    3、运行

    4、上传的图片保存在~\ckfinder\userfiles\images文件夹中

四、皮肤

    切换皮肤：默认提供三种皮肤kama、office2003、v2，找到ckeditor的 skins 属性，输入皮肤名称即可更换。

    ckeditor的默认皮肤实在是很漂亮，所以呢要把它换掉（这是什么逻辑？）

    这里分享一个网上找到的比较简洁的皮肤，

怎么样？果然没默认的那几个好看吧？