CKEditor+CKFinder+asp.net配置
CKEditor+CKFinder配置学习
&下载源码：
富文本编辑器学习，常见富文本编辑器有：
CKeditor（FCkeditor）、UEditor(百度推出的)、NicEdit、KindEditor
在本系列博文里，着重介绍前两种文本编辑器的使用，边学边学，还望虾米们来此指教！
CKEditor及CKFinder下载：
CKEditor：ckeditor_aspnet_3.6.2.zip
CKFinder：ckfinder_aspnet_2.1.1.zip
CKEditor解压缩：
CKFinder解压缩：
可以看到：CKEditor中有两个解决方案：
CKEditor.NET.sln 不带有示例的解决方案；
CKEditor.NETwithSamples.sln带有示例的解决方案；
在这里我们打开带有示例的解决方案CKEditor.NETwithSamples.sln
调试并运行之：按下F5键即可
如何才能够让他带有上传附件的功能呢？
在这里我们需要配置一下CKEditor的插件&&CKFinder
将解压缩后的CKFinder文件夹拷贝到CKEditor目录下的
CKEditor.NET目录下；
即示例中的CKEditor 文件夹如下图：
这里我们需要修改一下CKEditor及CKFinder的配置文件，让他实现上传功能；
CKEditor文件夹下的config.js
& config.js
&2 Copyright (c) , CKSource - Frederico Knabben. All rights reserved.
&3 For licensing, see LICENSE.html or
&6 CKEDITOR.editorConfig = function( config )
&8&&&& // Define changes to default configuration here. For example:
&9&&&& // config.language = 'fr';
10&&&& // config.uiColor = '#AADC6E';
11&&&& config.language = 'zh-cn'; //中文
12&&&& config.uiColor = '#eef5fd'; //'#CCEAFE';& //编辑器颜色
13&&&& config.font_names = '宋体;楷体_GB2312;新宋体;黑体;隶书;幼圆;微软雅黑;AComic Sans MS;Courier NTTimes New RVerdana';
15&&&& config.filebrowserUploadUrl = '../common/ckeditor/uploader?Type=Files'; //上传文件的保存路径
16&&&& config.filebrowserImageUploadUrl = '~/common/ckeditor/uploader?Type=Images'; //上传图片的保存路径
17&&&& config.filebrowserFlashUploadUrl = '~/common/ckeditor/uploader?Type=Flash'; //上传flash的保存路径
19&&&& config.toolbar_Full =
21&&&&&&&& ['Source', '-', 'Preview', '-', 'Templates'],
22&&&&&&&& ['Cut', 'Copy', 'Paste', 'PasteText', 'PasteFromWord', '-', 'Print', 'SpellChecker', 'Scayt'],
23&&&&&&&& ['Undo', 'Redo', '-', 'Find', 'Replace', '-', 'SelectAll', 'RemoveFormat'],
24&&&&&&&& ['Form', 'Checkbox', 'Radio', 'TextField', 'Textarea', 'Select', 'Button', 'ImageButton', 'HiddenField'],
25&&&&&&&& '/',
26&&&&&&&& ['Bold', 'Italic', 'Underline', 'Strike', '-', 'Subscript', 'Superscript'],
27&&&&&&&& ['NumberedList', 'BulletedList', '-', 'Outdent', 'Indent', 'Blockquote', 'CreateDiv'],
28&&&&&&&& ['JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyBlock'],
29&&&&&&&& ['Link', 'Unlink', 'Anchor'],
30&&&&&&&& ['Image', 'Flash', 'Table', 'HorizontalRule', 'Smiley', 'SpecialChar', 'PageBreak'],
31&&&&&&&& '/',
32&&&&&&&& ['Styles', 'Format', 'Font', 'FontSize'],
33&&&&&&&& ['TextColor', 'BGColor'],
34&&&&&&&& ['Maximize', 'ShowBlocks', '-', 'About']
37&&&& config.toolbar_Basic =
39&&&& ['Bold', 'Italic', '-', 'NumberedList', 'BulletedList', '-', 'Link', 'Unlink', '-', 'About']
43&&&& config.width = 'auto'; //宽度
45&&&& config.height = '200'; //高度
CKFinder文件夹下的config.ascx
& config.js
& 1 &%@ Control Language=&C#& EnableViewState=&false& AutoEventWireup=&false& Inherits=&CKFinder.Settings.ConfigFile& %&
& 2 &%@ Import Namespace=&CKFinder.Settings& %&
& 3 &script runat=&server&&
& 5&&&& /**
& 6&&&&& * This function must check the user session to be sure that he/she is
& 7&&&&& * authorized to upload and access files using CKFinder.
& 9&&&& public override bool CheckAuthentication()
&11&&&&&&&& // WARNING : DO NOT simply return &true&. By doing so, you are allowing
&12&&&&&&&& // &anyone& to upload and list the files in your server. You must implement
&13&&&&&&&& // some kind of session validation here. Even something very simple as...
&14&&&&&&&& //
&15&&&&&&&& //&&&&&&& return ( Session[ &IsAuthorized& ] != null && (bool)Session[ &IsAuthorized& ] == true );
&16&&&&&&&& //
&17&&&&&&&& // ... where Session[ &IsAuthorized& ] is set to &true& as soon as the
&18&&&&&&&& // user logs on your system.
&20&&&&&&&&
&23&&&& /**
&24&&&&& * All configuration settings must be defined here.
&26&&&& public override void SetConfig()
&28&&&&&&&& // Paste your license name and key here. If left blank, CKFinder will
&29&&&&&&&& // be fully functional, in Demo Mode.
&30&&&&&&&& LicenseName = &&;
&31&&&&&&&& LicenseKey = &&;
&33&&&&&&&& // The base URL used to reach files in CKFinder through the browser.
&34&&&&&&&& BaseUrl = &/ckfinder/userfiles/&;
&36&&&&&&&& // The phisical directory in the server where the file will end up. If
&37&&&&&&&& // blank, CKFinder attempts to resolve BaseUrl.
&38&&&&&&&& BaseDir = &&;
&40&&&&&&&& // Optional: enable extra plugins (remember to copy .dll files first).
&41&&&&&&&& Plugins = new string[] {
&42&&&&&&&&&&&& // &CKFinder.Plugins.FileEditor, CKFinder_FileEditor&,
&43&&&&&&&&&&&& // &CKFinder.Plugins.ImageResize, CKFinder_ImageResize&,
&44&&&&&&&&&&&& // &CKFinder.Plugins.Watermark, CKFinder_Watermark&
&45&&&&&&&& };
&46&&&&&&&& // Settings for extra plugins.
&47&&&&&&&& PluginSettings = new Hashtable();
&48&&&&&&&& PluginSettings.Add(&ImageResize_smallThumb&, &90x90& );
&49&&&&&&&& PluginSettings.Add(&ImageResize_mediumThumb&, &120x120& );
&50&&&&&&&& PluginSettings.Add(&ImageResize_largeThumb&, &180x180& );
&51&&&&&&&& // Name of the watermark image in plugins/watermark folder
&52&&&&&&&& PluginSettings.Add(&Watermark_source&, &logo.gif& );
&53&&&&&&&& PluginSettings.Add(&Watermark_marginRight&, &5& );
&54&&&&&&&& PluginSettings.Add(&Watermark_marginBottom&, &5& );
&55&&&&&&&& PluginSettings.Add(&Watermark_quality&, &90& );
&56&&&&&&&& PluginSettings.Add(&Watermark_transparency&, &80& );
&58&&&&&&&& // Thumbnail settings.
&59&&&&&&&& // &Url& is used to reach the thumbnails with the browser, while &Dir&
&60&&&&&&&& // points to the physical location of the thumbnail files in the server.
&61&&&&&&&& Thumbnails.Url = BaseUrl + &_thumbs/&;
&62&&&&&&&& if ( BaseDir != && ) {
&63&&&&&&&&&&&& Thumbnails.Dir = BaseDir + &_thumbs/&;
&64&&&&&&&& }
&65&&&&&&&& Thumbnails.Enabled =
&66&&&&&&&& Thumbnails.DirectAccess =
&67&&&&&&&& Thumbnails.MaxWidth = 100;
&68&&&&&&&& Thumbnails.MaxHeight = 100;
&69&&&&&&&& Thumbnails.Quality = 80;
&71&&&&&&&& // Set the maximum size of uploaded images. If an uploaded image is
&72&&&&&&&& // larger, it gets scaled down proportionally. Set to 0 to disable this
&73&&&&&&&& // feature.
&74&&&&&&&& Images.MaxWidth = 1600;
&75&&&&&&&& Images.MaxHeight = 1200;
&76&&&&&&&& Images.Quality = 80;
&78&&&&&&&& // Indicates that the file size (MaxSize) for images must be checked only
&79&&&&&&&& // after scaling them. Otherwise, it is checked right after uploading.
&80&&&&&&&& CheckSizeAfterScaling =
&82&&&&&&&& // Due to security issues with Apache modules, it is recommended to leave the
&83&&&&&&&& // following setting enabled. It can be safely disabled on IIS.
&84&&&&&&&& ForceSingleExtension =
&86&&&&&&&& // For security, HTML is allowed in the first Kb of data for files having the
&87&&&&&&&& // following extensions only.
&88&&&&&&&& HtmlExtensions = new string[] { &html&, &htm&, &xml&, &js& };
&90&&&&&&&& // Folders to not display in CKFinder, no matter their location. No
&91&&&&&&&& // paths are accepted, only the folder name.
&92&&&&&&&& // The * and ? wildcards are accepted.
&93&&&&&&&& HideFolders = new string[] { &.svn&, &CVS& };
&95&&&&&&&& // Files to not display in CKFinder, no matter their location. No
&96&&&&&&&& // paths are accepted, only the file name, including extension.
&97&&&&&&&& // The * and ? wildcards are accepted.
&98&&&&&&&& HideFiles = new string[] { &.*& };
100&&&&&&&& // Perform additional checks for image files.
101&&&&&&&& SecureImageUploads =
103&&&&&&&& // The session variable name that CKFinder must use to retrieve the
104&&&&&&&& // &role& of the current user. The &role& is optional and can be used
105&&&&&&&& // in the &AccessControl& settings (bellow in this file).
106&&&&&&&& RoleSessionVar = &CKFinder_UserRole&;
108&&&&&&&& // ACL (Access Control) settings. Used to restrict access or features
109&&&&&&&& // to specific folders.
110&&&&&&&& // Several &AccessControl.Add()& calls can be made, which return a
111&&&&&&&& // single ACL setting object to be configured. All properties settings
112&&&&&&&& // are optional in that object.
113&&&&&&&& // Subfolders inherit their default settings from their parents' definitions.
114&&&&&&&& //
115&&&&&&&& //&&& - The &Role& property accepts the special &*& value, which means
116&&&&&&&& //&&&&& &everybody&.
117&&&&&&&& //&&& - The &ResourceType& attribute accepts the special value &*&, which
118&&&&&&&& //&&&&& means &all resource types&.
119&&&&&&&& AccessControl acl = AccessControl.Add();
120&&&&&&&& acl.Role = &*&;
121&&&&&&&& acl.ResourceType = &*&;
122&&&&&&&& acl.Folder = &/&;
124&&&&&&&& acl.FolderView =
125&&&&&&&& acl.FolderCreate =
126&&&&&&&& acl.FolderRename =
127&&&&&&&& acl.FolderDelete =
129&&&&&&&& acl.FileView =
130&&&&&&&& acl.FileUpload =
131&&&&&&&& acl.FileRename =
132&&&&&&&& acl.FileDelete =
134&&&&&&&& // Resource Type settings.
135&&&&&&&& // A resource type is nothing more than a way to group files under
136&&&&&&&& // different paths, each one having different configuration settings.
137&&&&&&&& // Each resource type name must be unique.
138&&&&&&&& // When loading CKFinder, the &type& querystring parameter can be used
139&&&&&&&& // to display a specific type only. If &type& is omitted in the URL,
140&&&&&&&& // the &DefaultResourceTypes& settings is used (may contain the
141&&&&&&&& // resource type names separated by a comma). If left empty, all types
142&&&&&&&& // are loaded.
144&&&&&&&& DefaultResourceTypes = &&;
146&&&&&&&& ResourceT
148&&&&&&&& type = ResourceType.Add( &Files& );
149&&&&&&&& type.Url = BaseUrl + &files/&;
150&&&&&&&& type.Dir = BaseDir == && ? && : BaseDir + &files/&;
151&&&&&&&& type.MaxSize = 0;
152&&&&&&&& type.AllowedExtensions = new string[] { &7z&, &aiff&, &asf&, &avi&, &bmp&, &csv&, &doc&, &docx&, &fla&, &flv&, &gif&, &gz&, &gzip&, &jpeg&, &jpg&, &mid&, &mov&, &mp3&, &mp4&, &mpc&, &mpeg&, &mpg&, &ods&, &odt&, &pdf&, &png&, &ppt&, &pptx&, &pxd&, &qt&, &ram&, &rar&, &rm&, &rmi&, &rmvb&, &rtf&, &sdc&, &sitd&, &swf&, &sxc&, &sxw&, &tar&, &tgz&, &tif&, &tiff&, &txt&, &vsd&, &wav&, &wma&, &wmv&, &xls&, &xlsx&, &zip& };
153&&&&&&&& type.DeniedExtensions = new string[] { };
155&&&&&&&& type = ResourceType.Add( &Images& );
156&&&&&&&& type.Url = BaseUrl + &images/&;
157&&&&&&&& type.Dir = BaseDir == && ? && : BaseDir + &images/&;
158&&&&&&&& type.MaxSize = 0;
159&&&&&&&& type.AllowedExtensions = new string[] { &bmp&, &gif&, &jpeg&, &jpg&, &png& };
160&&&&&&&& type.DeniedExtensions = new string[] { };
162&&&&&&&& type = ResourceType.Add( &Flash& );
163&&&&&&&& type.Url = BaseUrl + &flash/&;
164&&&&&&&& type.Dir = BaseDir == && ? && : BaseDir + &flash/&;
165&&&&&&&& type.MaxSize = 0;
166&&&&&&&& type.AllowedExtensions = new string[] { &swf&, &flv& };
167&&&&&&&& type.DeniedExtensions = new string[] { };
170 &/script&
给项目添加DLL
找到CKFinder文件夹下的bin包中的CKFinder.dll拷贝到CKEditor项目中的bin包下，即添加CKFinder.dll引用到项目中；
最后一步：在后台代码中添加
& 后台代码
&1 &script language=&C#& runat=&server&&
&2 protected override void OnLoad(EventArgs e)
&5 CKFinder.FileBrowser _FileBrowser = new CKFinder.FileBrowser();
&7 _FileBrowser.BasePath = &ckfinder/&;
&9 _FileBrowser.SetupCKEditor(CKEditor1);
12 &/script&
然后按下F5调试运行即可！
示例页面：
FirstUse.aspx
下载源码：
&摘自 guanhp2013&&
您对本文章有什么意见或着疑问吗？请到您的关注和建议是我们前行的参考和动力&&
您的浏览器不支持嵌入式框架，或者当前配置为不显示嵌入式框架。ckeditor ckfinder 整合后浏览服务器出错，怎么解决
[问题点数：20分，结帖人a]
ckeditor ckfinder 整合后浏览服务器出错，怎么解决
[问题点数：20分，结帖人a]
不显示删除回复
显示所有回复
显示星级回复
显示得分回复
只显示楼主
相关帖子推荐：
2013年10月 Java大版内专家分月排行榜第二2013年3月 Java大版内专家分月排行榜第二2013年2月 Java大版内专家分月排行榜第二
2013年7月 Java大版内专家分月排行榜第三2013年5月 Java大版内专家分月排行榜第三2013年4月 Java大版内专家分月排行榜第三
匿名用户不能发表回复！|
每天回帖即可获得10分可用分！小技巧：
你还可以输入10000个字符
(Ctrl+Enter)
请遵守CSDN，不得违反国家法律法规。
转载文章请注明出自“CSDN（www.csdn.net）”。如是商业用途请联系原作者。在调试 ckfinder_aspnet_2.1.1 翻遍网上资料，有3个有关问题，没能解决，希望大家帮忙
&来源：读书人网&【读书人网()：综合教育门户网站】
在调试 ckfinder_aspnet_2.1.1 翻遍网上资料，有3个问题，没能解决，希望大家帮忙。ckeditor_aspnet_3.6.2+ckf
在调试 ckfinder_aspnet_2.1.1 翻遍网上资料，有3个问题，没能解决，希望大家帮忙。ckeditor_aspnet_3.6.2+ckfinder_aspnet_2.1.1都是从官方下的最新版现在需要破解ckfinder_aspnet_2.1.1，还有3个问题没解决第一，上传图片预览，这段文字“Lorem ipsum dolor sit amet, consectetuer ...”如何去掉？第二，浏览服务器，左下脚还有“Forced IE compatibility mode! CKFinder may not look as intended.”红色的字样，如何去掉？第三，如何创建文件夹？[解决办法]在js里面搜到这两段文字，然后去除。创建文件夹的，可以修改里面的aspx文件。[解决办法]全文搜索Lorem ipsum dolor sit amet, consectetuer ...看有没有这个文本百度 Ueditor当前位置： >
> 使用Ckeditor
ckfinder下传图片成功。在浏览器中无法显示
使用Ckeditor
ckfinder下传图片成功。在浏览器中无法显示
uuu321123 & at
使用Ckeditor
ckfinder上传图片成功。在浏览器中无法显示我的配置：ckfinder/config.php：
$baseUrl&='/10000/uploads/'
$baseDir&=resolveUrl($baseUrl)
按照要求配置使用Ckeditor&&ckfinder上传图片成功，在浏览器中无法显示，一看源码变成了
&&&&&img&alt=\"\"&src=\"/10000/uploads/images/718.gif\"&style=\"width:&320&height:&240\"&/&CKEdito
上传正常，在Ckeditor&&ckfinder编辑器上预览也正常，可是在浏览器上就是因为“\",导致无法显示图片？特向高手请教！！
这个“\"是怎回事？如何去除？？多谢
是不是服务器开启了防注入设置
看看php.ini里的magic_quotes_gpc=on&是不是这样的，如果是，改成off试试。
sccheng & &
& & （0）（0）
本问题标题：
本问题地址：
温馨提示：本问题已经关闭，不能解答。
暂无合适的专家
&&&&&&&&&&&&&&&
希赛网 版权所有 & &&&&湘教QS2-164&&增值电信业务经营许可证湘B2-ckfinder和ckeditor浏览服务器功能，如何链接到自定义的aspx，然后选中图片显示到文本框中
[问题点数：40分，无满意结帖，结帖人tiansidehao]
ckfinder和ckeditor浏览服务器功能，如何链接到自定义的aspx，然后选中图片显示到文本框中
[问题点数：40分，无满意结帖，结帖人tiansidehao]
不显示删除回复
显示所有回复
显示星级回复
显示得分回复
只显示楼主
相关帖子推荐：
匿名用户不能发表回复！|
每天回帖即可获得10分可用分！小技巧：
你还可以输入10000个字符
(Ctrl+Enter)
请遵守CSDN，不得违反国家法律法规。
转载文章请注明出自“CSDN（www.csdn.net）”。如是商业用途请联系原作者。