Btgunluk.com

Asp.Net'te FCKeditor kullanımı

Bir web sitesi yaparken, işin büyük bir kısmını zengin metinler üretmemizi sağlayan metin editörleri yapıyorlar. Bu yazımda, Asp.Net ile FCKeditor'un nasıl kullanıldığını anlatacağım. Çoğu kişinin aklına, CKeditor varken neden FCKeditor ile uğraşıyorsun? sorusunun geldiğini tahmin ediyorum. Cevap şu: Bildiğim kadarıyla CKeditor'de ücretsiz bir dosya upload bölümü yok.

FCKeditor'u Asp.Net ile kullanabilmek için Javascript ve html dosyalarının yanısıra bir de dll dosyasına ihtiyaç duyulmakta. FCKeditor.Net_2.6.4 sürümünü, gerekli dll dosyasıyla beraber buradan indirebilirsiniz.

Dosyayı indirdikten sonra FCKeditor ile ilgili bazı ayarlar yapmak gerekmekte. Bu nedenle Visual Studio 2010 ile hazırlanan bir projede nasıl FCKeditor kullanılacağını adım adım anlatayım:

1. Visual Studio açıldıktan sonra File menüsünden New Web Site komutu verilir.
2. Ekrana gelen New Web Site penceresinden ASP.NET Empty Web Site seçilir ve OK düğmesi tıklanır.
3. Oluşan Web Sitesi sağ tıklanarak Add New Item komutu verilir.
4. Ekrana gelen pencereden Web Form seçilir ve OK düğmesi tıklanır.
5. Solution Explorer’da site sağ tıklanıp Open Folder in Windows Explorer komutu verilir.
6. Açılan klasöre internetten indirilen fckeditor klasörü kopyalanır.
7. Yine aynı klasöre userfiles adında bir klasör oluşturulur.
8. Program Files’in içindeki Microsoft Visual Studio 10.0 klasörüne FckEditor’e ait FredCK.FCKeditorV2.dll dosyası yapıştırılır.
9. Tekrar Solution Explorer’daki web sitesi sağ tıklanır ve Add Reference komutu verilir.
10. Ekrana gelen pencerenin Browse sekmesine geçilir.
11. Sekizinci satırda belirtilen yoldaki dosya seçilir ve OK düğmesi tıklanır.
12. Bu işlem yapıldıktan sonra sitede Bin isimli bir klasör oluşturulur ve ilgili dll dosyasının buraya kopyalandığı görülür.
13. Toolbox’a FCKeditor nesnesini eklemek için Toolbox sağ tıklanıp Choose Items seçeneği seçilir.
14. Ekrana gelen pencereden Browse düğmesi tıklanır ve sekizinci satırdaki dll dosyası yine seçilir. Bundan sonra Toolbox’a FCKeditor nesnesi eklenecektir.
15. FCKeditor’un düzgün çalışabilmesi için, site ile ilgili ayarların tutulduğu web.config dosyasında bazı ayarların yapılması gerekir.
16. Web.config dosyasında configuration bölümü altında appSettings anahtarı oluşturulur ve bu bölüm şu hale getirilir.

	<appSettings>
		<add key="FCKEditor:BasePath" value="~/fckeditor/"/>
		<add key="FCKEditor:UserFilesPath" value="~/userfiles/"/>
	</appSettings>

17. Yukarıdaki kodlar, sitede yer alan fckeditor klasörüne ve upload edilecek dosyaların yerine göre değiştirilmelidir.
18. Daha sonra Solution Explorer’da site sağ tıklanır ve Open Folder in Windows Explorer komutu verilir.
19. fckeditor/fckconfig.js dosyası bir metin editörü ile açılır.
20. 276. satırdaki _FileBrowserLanguage ve _QuickUploadLanguage değerleri aspx olarak değiştirilir. Dosya kaydedilir.
21. Bu ayarı yaptıktan sonra, deneme yapılmadan önce tarayıcının önbelliğinin boşaltılması, önbellekleme yüzünden oluşacak hataları engeller.
22. Bir sonraki adımda, fckeditor/editor/filemanager/connectors/aspx/config.ascx yolunda yer alan dosya açılır ve 41. satırdaki return false ifadesi return true olarak değiştirilir. Dosya kaydedilir.
23. Default.aspx dosyasında Design görünümüne geçilir ve ekrana bir tane FCKeditor sürüklenir. Bir tane Button ve bir Label’da sayfaya eklenir.
24. Düğmenin Click olayına şu kodlar yazılır:

    protected void Button1_Click(object sender, EventArgs e)
    {
      Label1.Text = FCKeditor1.Value;
    }

25.  Site denendiğinde, FCKeditor’ün çalıştığı görülecektir.

15.04.2012 20:35:54

Yorumlar