سلام .
به
این آدرس می‌رویم. بعد تیک گزینه ی
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 به صورت اتوماتیک اضافه میشه به پروژت. و توی سر برگ صفحه این کد هم اضافه میشه.
<%@ 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;
}
بعد این ~ علامت رو به کد زیر اضاف می کنی که اضاف نکنی هم مهم نیست.محض احتیاط گفتم.
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
از طرف حرکت جوهری برنامه نویس فوق حرفه ای
