ckeditor结合 ckfinder上传图片

最新推荐文章于 2019-09-20 14:12:53 发布

Bettygonna

最新推荐文章于 2019-09-20 14:12:53 发布

阅读量1.4k

点赞数

分类专栏： asp .net 文章标签： ckeditor ckfinder asp.net

asp .net 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

在网站开发中，如果有发布类似新闻的图文混排需求时，CKEditor不失为一个很好的选择，下载地址如下：

http://ckeditor.com/download

它的前身是FCKEditor，随着它的更新，上传图片的功能被分离出去了，现在如果需要实现上传图片，要么自己写代码，还有一种方法是使用CKFinder，下载地址如下：

http://ckfinder.com/download

下面详细描述一下使用它们的时候如何配置。

CKEditor我下载的是3.6.4，CKFinder下载的是2.3 for ASP.NET，首先解压所有的文件，然后将ckeditor和ckfinder文件夹放到网站的目录下，可以删除ckeditor和ckfinder文件夹下的_samples、_source 文件夹，将CKFinder.dll添加到站点的bin/文件夹中，然后在网站页面头部添加js的引用，具体路径根据自己放置的路径设置，如下：

<textareaname="individual" id="individual"runat="server"></textarea> <script type="text/javascript">

CKEDITOR.replace('individual');

</script>

接下来打开ckeditor文件夹下的config.js文件，在CKEDITOR.editorConfig = function (config) {};方法中添加如下代码：

config.filebrowserImageBrowseUrl =

'../editor/ckfinder/ckfinder.html?Type=Images';

config.filebrowserFlashBrowseUrl=

'../editor/ckfinder/ckfinder.html?Type=Flash';

config.filebrowserUploadUrl=

'../editor/ckfinder/core/connector/aspx/connector.aspx?command=QuickUpload&type=Files';

config.filebrowserImageUploadUrl=

'../editor/ckfinder/core/connector/aspx/connector.aspx?command=QuickUpload&type=Images';

config.filebrowserFlashUploadUrl=

'../editor/ckfinder/core/connector/aspx/connector.aspx?command=QuickUpload&type=Flash';

config.filebrowserWindowWidth= '800'; //“浏览服务器”弹出框的size设置

config.filebrowserWindowHeight = '500';

上面的路径也需要根据自己的设置。

然后打开

ckfinder文件夹下面的config.ascx文件，为了所有的人都能看到服务器上上传文件夹里面的文件，将函数public override boolCheckAuthentication返回值改为true，其实也可以根据自身网站的安全需要去更改代码，这里只是为了简单实现，代码如下：

publicoverrideboolCheckAuthentication()

{

// WARNING : DO NOT simply return "true". By doing so, you are allowing

// "anyone" to upload and list the files in your server. You must implement // some kind of session validation here. Even something very simple as... //

// return ( Session[ "IsAuthorized" ] != null &&

(bool)Session[ "IsAuthorized" ] == true );

// ... where Session[ "IsAuthorized" ] is set to "true" as soon as the // user logs on your system.

returntrue;

}

并且在public override void SetConfig()方法中找到BaseUrl，这个即为存放上传文件的路径，根据自己的网站进行更改。

整个配置过程就是上面部分，现在可以进行测试了。