日期:2014-05-03  浏览次数:22872 次

CKEditor和CKFinder的最新版可以到官方网站(http://cksource.com)上下载获得。

把以上两个资源放到网站的根目录: /CKEditor(这里在3.6.2版本中要把压缩文件夹里面的_Samples\ckeditor文件夹放进去) 和 /CKFinder (不区分大小写,这里的文件夹可以直接放进去。)

注,这里有时生成会出现错误。比如有重复的AssemblyTitle类型标签,主要是因为网站有不止一个AssemblyInfo.cs,可以把下载中的这个文件删除。或是把_source这个文件夹删除。如里这里再有问题可以联系本人:本人QQ:515072775

在页面使用 CKEditor:

<textarea cols="80"id="prcontent" name="content" rows="50">你好,你的使用成功了!</textarea>

<scripttype="text/javascript">

CKEDITOR.replace('content', { height:200, width: 520 });

</script>

CKEditor 本身不自带上传功能,所以需要配合CKFinder才可以实现上传

第一步:网站需要引用CKFinder的dll(目录:/CKFinder/bin/Release/CKFinder.dll)

第二步:配置CKEditor的config.js (目录:/CKEditor/config.js ) 在CKEDITOR.editorConfig函数里加上,不需要的功能可以去掉


CKEDITOR.editorConfig = function(config) {
config.filebrowserBrowseUrl = 'ckfinder/ckfinder.html'; //不要写成"~/ckfinder/..."或者"/ckfinder/..."
config.filebrowserImageBrowseUrl = 'ckfinder/ckfinder.html?Type=Images';
config.filebrowserFlashBrowseUrl = 'ckfinder/ckfinder.html?Type=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';
config.filebrowserWindowWidth = '800';  //“浏览服务器”弹出框的size设置
config.filebrowserWindowHeight = '500'; 
}
CKFinder.setupCKEditor(null, '../ckfinder/');//注意ckfinder的路径对应实际放置的位置

CKFinder的配置:

打开“ckfinder\”下的用户控件config.ascx,更改其BaseUrl路径:

BaseUrl = "~/ckfinder/userfiles/";//or BaseUrl = "ckfinder/userfiles/";