CKEditor3.6.2和CKFinder2.1 配置方法

???????? 项目中需要使用CKEditor控件来进行留言，今晚研究了下。我使用CKEditor3.6.2和CKFinder2.1 现介绍下方法

1、????????????? 把CKEditor3.6.2中的ckeditor文件夹（这个文件夹一般在ckeditor_aspnet_3.6.2_Samples目录下，只要你能找到ckeditor这个文件夹就好办）复制到你的web项目的根目录中，然后引用CKEditor.NET.dll文件（在_Samplesbin目录下，最好把他复制到项目中的ckeditor文件夹中在引用）

2、????????????? 把 CKFinder2.1中的的ckfinder文件夹复制到你的web项目的根目录中，然后引用CKFinder.dll（在ckfinderbinRelease目录下）

在VS工具箱中添加选项卡，并右击选择“选择项”浏览把CKEditor.NET.dll和CKFinder.dll（这个基本不用），然拖拽CKEditorControl到页面！

3、????????????? 这时我们把ckeditor中的ckeditor.js和ckfinder中的ckfinder.js拖拽到页面上如：

<script src="ckeditor/ckeditor.js" type="text/javascript"></script>

<script src="ckfinder/ckfinder.js" type="text/javascript"></script>

4、????????????? 为了CKEditor这个文本编辑器好看着，在CKEditor中的config.js添加如下代码：

config.language = 'zh-cn'; //设置中文语言?

??? config.uiColor = '#AADC6E'; //编辑器颜色?

??? config.font_names = '宋体;楷体_GB2312;新宋体;黑体;隶书;幼圆;微软雅黑;Arial;Comic Sans MS;Courier New;Tahoma;Times New Roman;Verdana';

??? config.toolbar_Full = [['Source','-','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','CreateDiv'],['JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock'],

??? ['Link','Unlink','Anchor'],['Image','Flash','Table','HorizontalRule','Smiley','SpecialChar','PageBreak'],['Styles','Format','Font','FontSize'],

??? ['TextColor','BGColor'],['Maximize','ShowBlocks','About']];

??? config.toolbar_Basic = [['Bold','NumberedList','Link','About']];

??? config.width = 700;

??? config.height = 300;

?

??? 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按钮(标签)

}

运行该页面编辑框便出来了，图片也随之可以上传。