全速加载中

CKEditor+CKFinder配置学习

CKEditor+CKFinder配置学习

基于dotNetFramework环境,

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

 【下载源码

富文本编辑器学习,常见富文本编辑器有:

CKeditor(FCkeditor)、UEditor(百度推出的)、NicEdit、KindEditor

在本系列博文里,着重介绍前两种文本编辑器的使用,边学边学,还望虾米们来此指教!

 

CKEditor及CKFinder下载:

CKEditorckeditor_aspnet_3.6.2.zip

CKFinderckfinder_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

posted @ 2013-01-02 00:01  许鸿飞  阅读(279)  评论(0编辑  收藏  举报