CKEditor+CKFinder配置学习

CKEditor+CKFinder配置学习

基于dotNetFramework环境，

解决方案部署在VS2010 + dotNetFramework4.0

 【下载源码】

富文本编辑器学习，常见富文本编辑器有：

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

CKFinder文件夹下的config.ascx

config.js

给项目添加DLL

找到CKFinder文件夹下的bin包中的CKFinder.dll拷贝到CKEditor项目中的bin包下，即添加CKFinder.dll引用到项目中；

最后一步：在后台代码中添加

后台代码

然后按下F5调试运行即可！

示例页面：

FirstUse.aspx

【下载源码】

 

http://www.cnblogs.com/guanhp2013/archive/2012/03/06/2381203.html

转载于:https://www.cnblogs.com/xuhongfei/archive/2013/01/02/2841819.html