ابتدا CKFinder را از آدرس زیر دانلود کنید (نسخه asp.net):

http://ckfinder.com/download

پوشه CKFinder را در وب سایت خود کپی کنید. فرض می کنیم این پوشه در ریشه وب سایت و با نام CKFinder کپی شده است.
اسکریپت ckfinder.js را به صفحه اضافه کنید:



<scriptsrc="CKFinder/ckfinder.js"type="text/javascript"></script>


دستور Bold شده در کد زیر را بعد از آماده سازی CKEditor برای Setup کردن CKfinder اضافه کنید:



$(document).ready(function() {

$('#Editor').ckeditor({ customConfig: '',

font_names: 'Tahoma;'+'B Nazanin;',

language: 'en',

skin: 'office2003',

resize_enabled: false,

contentsLangDirection: 'rtl',

font_defaultLabel: 'Tahoma'

});

CKFinder.SetupCKEditor(null, 'ckfinder/');



 

});


اکنون شما می توانید از CKFinder استفاده کنید. اگر روی دکمه اضافه کردن تصویر در نوار ابزار Editor کلیک کنید، گزینه ای با نام Browse Server یا فهرست نمایی سرور به Dialog Box اضافه شده است.
قبل از ارسال فایل به سرور نیاز داریم تا مسیر فایل های upload شده (مسیری که CKFinder به آن مراجعه می کند) و همچنین تنظیمات امنیتی را تعیین کنیم. تنظیمات امنیتی به این دلیل استفاده می شود تا مطمئن باشید کاربری به سرور دسترسی دارد که مجاز باشد.

تعیین حق دسترسی کاربر:
در پوشه CKFinder فایلی به نام config.ascx وجود دارد. در این فایل متدی با نام
CheckAuthentication
موجود است. اگر مقدار بازگشتی از این متد true باشد، کاربر امکان ارسال فایل و Browse را خواهد داشت. در این متد شما می توانید کاربر را احراز هویت کنید. به عنوان مثال:



 if (HttpContext.Current.User.IsInRole("Admin"))

        return true;

    else

        return false;


در مثال بالا اگر کاربر دارای نقش Admin باشد، مجاز به ارسال فایل می باشد.

تعیین مسیر فایل ها:
این تنظیم با استفاده از فایل config.ascx و متد SetConfig انجام می شود. فرض کنید شما در ریشه وب سایت پوشه ای با نام Upload ایجاد کرده اید که قرار است فایل های Upload شده در آن قرار گیرند. متغیر های BaseUrl و BaseDir را در متد SetConfig به صورت زیر مقدار دهی کنید:



public override void SetConfig()

{

  .

  .

  .

  BaseUrl = "~/Upload/";

  BaseDir = "";

  .

  .

  .

}

[SIZE=2][/SIZE]


نکته: CKFinder در پوشه ای که به عنوان مسیر ذخیره و بازیابی فایل ها در نظر گرفته شده است، برای هر دسته فایل از فولدرهای خاصی استفاده می کند. به عنوان مثال تصاویر را در پوشه images ذخیره می کند. اگر این فولدر در مسیر تعیین نشده وجود نداشته باشد، آن را ایجاد خواهد کرد. این مساله در آدرس دهی فایل ها سودمند است.