دانلود و نصب ویزیویگ CKEditor و CKFinder برای ASP.NET (فعال نمودن آپلود عکس)

[habibb]

http://substantialmotion.ir/ckfinder...tyInASPNET.rar
سلام .
به این آدرس می‌رویم. بعد تیک گزینه ی Full Package رو می زنیم بعد روی دکمه ی دانلود کلیک می کنیم. البته می تونید تیک گزینه ی Or let me customize CKEditor رو بزنید و قبل از دانلود CKEditor تون رو سفارشی کنید . مثلا تم مورد علاقتون رو انتخاب کنید یا بعضی پلاگین ها رو حذف یا اضافه کنید . حتی گزینه Persion هم اونجا هست که می تونی اضافش کنی.
بعد که دانلود کردی باید ی دانلود دیگه هم بکنی اون پایین نوشتهCKEditor 3.6.6.2 for ASP.NET بعد روی Download now کلیک می کنی.
بعد برای آپلود عکس باید اینم دانلود کنی. پس میری به اینجا.
بعد تب Free trial رو می زنی بعدش تب ASP.NET رو می زنی و بعدش روی گزینه دانلود کلیک می کنی.
خب حالا میریم سراغه ویژوال استودیوی 2013 و یه پروژه ی ASP.NET Empty Web Site ایجاد می کنیم. بعدش اون 3 تا فایل زیپ باید 2 تا پوشه به این نام ckeditor و ckfinder رو اضافه کنی به پروژت. بعد یه پنجره ی Web Form به این اسم Default.aspx می سازی.
بعد میری پایین Toolbox و Add Tab می زنی و اسم تب جدید رو CKEditor می نویسی. بعدش توی همون تب Choose Items می زنی
و بعد رو Browse می زنی و میری پوشه ی ckeditor_aspnet_3.6.6.2 که دانلود کرده بودی رو بازش می کنی و بعد میری bin بعد فایل CKEditor.NET.dll رو از یکی از پوشه های Debug یا
Release انتخاب می کنی و بعد OK می کنی تا کنترل CKEditor به Toolbox اضافه بشه.
بعد کنترلی که ساخته شده رو می گیری می کشی بین تگ Div صفحه aspx بعد اگه دقت کنی پوشه Bin با dll به صورت اتوماتیک اضافه میشه به پروژت. و توی سر برگ صفحه این کد هم اضافه میشه.

تذکر : برای دوستانی که از طریق جستجوی داخل سایت برنامه نویس وارد این صفحه می‌شوند. به دلیل اضافه شدن highlight=CKEditor& به آخر لینک صفحه در آدرس بار مرورگرتان ممکن است کدها به درستی نمایش داده نشوند. بنابراین highlight=CKEditor& یا هر چیز مشابه ای که به آخر آدرس صفحه در آدرس بار مرورگرتان مشاهده کردید را پاک کنید و صفحه را دوباره رفرش کنید تا کدها به درستی نمایش داده شوند.

<%@ Register Assembly="CKEditor.NET" Namespace="CKEditor.NET" TagPrefix="CKEditor" %>

بعد روی پوشه ی Bin داخل پروژت کلیک راست می کنی و Add Reference رو می زنی و میری از داخل پوشه ckfinder و از پوشه Bin فایل CKFinder.dll رو به پروژت اضاف می کنی.
بعد از داخل پروژت فایل config.ascx که تو پوشه ی ckfinder هست رو باز می کنی. تابع زیر رو true می کنی.اینم کدش.

public override bool CheckAuthentication()

    {

        return true;

    }

بعد این ~ علامت tilde رو به کد زیر اضاف می کنی که اضاف نکنی هم مهم نیست.محض احتیاط گفتم.

BaseUrl = "~/ckfinder/userfiles/";

بعد پوشه aspx که داخل پوشه ی ckfinder هست رو باز می کنی بعد فایل ckeditor.aspx رو باز می کنی بعد کد داخل تابع OnLoad رو کپی می کنی. اینم کدش.

CKFinder.FileBrowser _FileBrowser = new CKFinder.FileBrowser();

_FileBrowser.BasePath = "/ckfinder";

_FileBrowser.SetupCKEditor(CKEditorControl1);

بعد به صفحه Default.aspx میری و View Code رو می زنی و به صفحه ی Default.aspx.cs میری و اون کد بالا که کپی کرده بودی رو به تابع Page_Load اضافه می کنی.
البته باید ckfinder رو هم Using کنی.اینم کدش.

using CKFinder;

public partial class _Default : System.Web.UI.Page

{

    protected void Page_Load(object sender, EventArgs e)

    {

        CKFinder.FileBrowser _FileBrowser = new CKFinder.FileBrowser();

        _FileBrowser.BasePath = "/ckfinder";

        _FileBrowser.SetupCKEditor(CKEditorControl1);

    }

}

حالا دیگه دکمه Image داخل ویرایشگر رو می زنی و با دکمه Browse Server وارد پنجره ی آپلود می شی و دکمه سبز رنگ Upload رو میزنی و عکس ها آپلود میشن.
تموم شد.
برای SyntaxHighlighterش به ادامه مطلب در آدرس زیر مراجعه کنید...
چطور اضافه کردن ویژگی SyntaxHighLighting در CKEditor برای ASP.NET با Syntaxhighlighter Interface
از طرف حرکت جوهری برنامه نویس فوق حرفه ای