CKeditor & CKfinder Kullanımı Asp.Net

10.8.2013 23:24:00 Posted by Kenan KayaOkunma Sayısı: 6214

CKeditor kullanımına kısaca değineceğim...

Web projelerinin yönetim panellerinde genellikle çok sık kullanılır.  Hazırladığım resimlerle umarım anlaşılması kolay olur.

Yazının sonunda proje dosyasını indirebilirsiniz.

Öncelikle dosyaları buradan indiriyoruz. Asp.NET versiyonunu seçmeyi unutmayın!

http://cksource.com/ckfinder/trial

http://ckeditor.com/download

 

İndirilen dosyaların içerisindeki bin klasörlerinde .dll dosyaları mevcut. Bunları projemize referans olarak ekliyoruz.

 

 

Aşağıdaki resimde CKeditor ve CKfinder dosyalarını projeme ekliyorum. Benim verdiğim indirme linkindeki(CKeditor.rar) klasördeki bu dosyaları direk projenize atarak kullanabilirsiniz.  

 

Toolbox'a CKeditor.NET.dll dosyamı ekliyorum... (General'in altına sağ klik > choose items > dll dosyamı seçim tamam diyorum) 

 

CKeditor artık toolbox'a ekli halde. Artık istediğim sayfada kullanabilirim. Normal bir button ya da label gibi kullanılabilir.

Şimdi bazı ayarlamaları yapmamız gerekli:

Projemizdeki CKFinder klasörü içerisinde config.ascx dosyamız var bu dosyamızda BaseUrl kısmı resimlerin kayıt yapılacağı yeri belirtir. Buraya siz kendi klasörünüzü tanımlayabilirsiniz. Eğer dokunmazsanız aşağıdaki şekilde varsayılan olarak belirtilen klasöre resimleriniz upload edilir.

 

 

CKeditörü hangi sayfamızda kullacaksak o safyanın kod kısmına(Page_Load) aşağıdaki kodları ekliyoruz.  

ÖNEMLİ: _FileBrowser.BasePath = "../ckfinder/" kısmı benim bir üst dizinde olduğundan başına "../" kısmı getirilmiştir. Siz buna dikkat edin. Projeyinizi sunucuya attığınızda mutlaka gerekli klasörlere yazma izni verin. Yoksa resim upload kısmı çalışmayacaktır. 

 

Buradan Kopyala yapıştır yapabilirsiniz:

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

_FileBrowser.BasePath = "../ckfinder/";//ckfinder klasör yolu

_FileBrowser.SetupCKEditor(Editor);//Sayfadaki entegre edilicek olan ckeditor IDsi

 

Bu makalenin proje dosyasını buradan indirebilirsiniz.

İnşaallah sorunsuz çalıştırabilirsiniz. Bir sıkıntı olursa  "umarım olmaz:)" yorum kısmına yazınız...

 


ETİKETLER: CKeditor & CKfinder Kullanımı Asp.Net,

Yorumlar

Şener(26.06.2013 / 11:28)

Link çalışmıyor, yeniler misiniz?

Kenan Kaya(27.06.2013 / 21:51)

Link yenilenmiştir... http://kenankaya.com/download/CKeditor.rar

murat(29.06.2013 / 23:20)

merhaba ben söylediklerinizi yaptım localde çalıştı.sunucuya atınca hata verdi yardımcı olabilir misiniz?

Evrim Ergül(16.07.2013 / 16:38)

merhaba ben ckeditor kullanmaya karar verdim fakat verdikleri son versiyonda dll dosyası yok direk klasoru projenın oldugu yere atıyorum js sını referans gösteriyorum fakat .replace komudu gelmiyor

ustatca(17.10.2013 / 00:58)

Allah razı olsun hocam,iyi çalışmalar...

hilal(22.12.2013 / 16:29)

elinize saglık da bwn bu dediklerinizi yaptıktan sonra ckeditorkontrol'u sürükleyemiyorum design kısmında.neden olabilir sizce

Kenan(23.12.2013 / 12:15)

Toolbox kısmında sağ tıklayıp "add tab" yapıp isim veriniz. Yeni açtığınız alana sürükleyebilirsiniz.

Yunus Emre (30.12.2013 / 13:58)

Ben yaptım ckfinder , ckeditore entegre oldu ancak sunucuyu gez dediğimde ckfinder içinde klasörler yer almıyor. Onu nasıl halledebilirim.

Kenan Kaya(30.12.2013 / 14:47)

Merhaba, ck finder ile ilgili bir durum söz konusu olmalı, ck finderin entegresi ile ilgili aşamaları tek tek kontrol edip tekrar deneyiniz.

Sait(22.05.2014 / 18:45)

Merhaba hocam, baseurl'ye site adresimi şu şekilde atıyorum BaseUrl = "http://mydomain.com/" fakat resim yükleme aşamasında yanyana olan 2 slashı teke indiriyor şu şekilde: "http:/mydomain/" ve invalid path hatası alıyorum. Bu sorunu nasıl çözebilirim acaba? Başına '@' işareti koydum olmadı, string.Fromat da denedim olmadı :(

Betül(12.07.2014 / 15:43)

Çok teşekkürler. Uzun uğraşlar sonunda sizin makaleniz ile ckeditor kullanabildim :)