Fckeditor ve Imce

Arkadaşlar merhaba,

Bu yazımızın konusu Drupal eklentileri içinde önemli bir yere sahip olan Fckeditor ve IMCE isimli 2 eklenti üzerine.

Drupal'de bir içerik hazırlarken, içeriğimize ait bilgileri malum Gövde bölümüne giriyoruz. Eğer düz yazı yazacaksak standart Drupal kurulumu ile gelen bu Gövde bölümü bizim işimizi görecektir. Ancak işin içine içeriğe resim eklemek, bir kelimeye veya resme link eklemek, tablo hazırlamak girince eğer html tag'leri konusunda bilgimiz yok ise veya tag'lere harcayacak zamanımız yoksa bu noktada zorlanırız.

Tabi Drupal gönüllüleri bu noktada da bizi yanlız bırakmamış ve konuyla ilgili birçok eklenti hazırlamış. Bu eklentiler sayesinde içerik oluşturma sayfasında ,içeriklerimizi yazdığımız Gövde sekmesinde Microsoft Word tarzı bir WYSIWYG editör (What You See Is What You Get - Ne görürsen onu alırsın) görüntülenmesini sağlarız ve bu sayede içeriklerimize çok rahat bir şekilde resim, tablo, flash, link vs ekleyebiliriz.

WYSIWYG editor olarak bir çok eklenti mevcut. Bu konuda http://drupal.org/project/modules sayfasında arama yapabilirsiniz. Ben burada örnek olarak, gerçek hayattaki projelerimde de severek kullandığım bir eklenti olan Fckeditor isimli eklentiyi kullandım. WYSIWYG editorümüzü yükledikten sonra da bu editörün bir özelliği olan File Upload (Dosya yükleme) özelliğinide IMCE isimli bir başka eklenti ile birleştirerek yazılarımızın içine resim, flash dosyası gibi medya dosyalarını nasıl upload edebileceğimizi göreceğiz.

Hemen işe başlayalım,

öncelikle Fckeditor'ü download etmeliyiz. Eğer eklentiler hakkında bilginiz yok ise lütfen öncelikle Drupal eklentileri isimli makaleyi okuyunuz veya video'lar sayfasından konuyla ilgili video'yu izleyiniz.

Normalde bir çok eklentiyi çekip sites/all/modules/ klasörü altına açmamız yeterlidir. Ancak Fckeditor, editor kısmındaki bileşenleri farklı bir dosyadan almakta. Bu yüzdendir ki Fckeditor'ün kurulumu için 2 ayrı dosya çekmek zorundayız.

İlk olarak http://drupal.org/project/fckeditor adresine gidelim. Burada sayfanın en altında bulunan Downloads sekmesinde bize uygun olan Fckeditor eklentisini çekelim.

Çekmiş olduğumuz sıkıştırılmış dosyayı sites/all/modules klasörü altına açalım.
 

 

 

 

Sıra geldi 2. dosyayı çekmeye. http://drupal.org/project/fckeditor sayfasındaki Required components (Gerekli bileşenler) bölümünde bulunan download FCKeditor linkini tıklayarak açılan sayfadaki Fckeditor isimli editorü çekelim.

Çekmiş olduğumuz bu dosyanın içeriğini ilk çektiğimiz ve sites/all/modules içine açtığımız fckeditor isimli klasörün içinde bulunan ve aynı isimdeki fckeditor isimli klasörün içine açmalıyız.

Yani, ilk açtığımız klasör sites/all/modules/fckeditor şeklinde, ikinci klasör ise sites/all/modules/fckeditor/fckeditor şeklinde olmalı.

(Not: Az önce de belirttiğim gibi Drupal eklentilerini kurmak aslında bu kadar uzun ve zahmetli değildir. Bu durum içinde Fckeditor'ünde içinde bulunduğu çok az sayıdaki eklentiler için geçerlidir.)

Son olarak eklentimizi kullanmak için son adım olan bu eklentiyi etkinleştirmeye geldi sıra. Bunun için Yönet - Site kurulumu - Eklentiler sayfasındaki FCKeditor eklentisini etkinleştirelim. Eğer, Fckeditor eklentisine kayıtsız kullanıcılarında erişebilmesini istiyorsanız (Örneğin, web sitenizdeki bir formda Fckeditor'un kayıtsız kullanıcılara da görüntülenmesini istiyorsanız) Yönet - Kullanıcı yönetimi - İzinler sayfasında bulunan fckeditor eklentisi sekmesindeki izinleri düzenlemeniz gerekmekte.

 

 

Artık eklentimiz kullanıma hazır. Bunu görmek için İçerik oluştur sayfasından sayfa veya makale oluşturu tıklayın. Görüntü aşağıdaki gibi olmalı.
 

 

Fckeditor kullanıma hazır. Buradaki birçok düğme zaten aşina olduğumuz işlevlere sahip. Tek bilgi olarak Kaynak düğmesini söyleyebilirim. Kaynak düğmesi tıklandığında html tag'leri veya php kodlarının yazılabileceği veya görüntülenebileceği bir arayüz ile karşılaşılır. Diğer türlü ise sayfanın kullanıcıya gösterilecek şekle yakın bir görünüm ile değişiklikler yapılabilmesi sağlanır.

Gelelim ufak tefek ayarlara,

Aslında Fckeditor çok sayıda düzenleme seçeneğine sahip. Bu düzenlemeleri görmek için Yönet - Site ayarları - FCKeditor sayfasına gidelim. Bu sayfaya gittiğinizde Fckeditor'un kullanımı için gerekli izinleri vermeniz gerekiyor şeklinde bir uyarı gelirse az önce belirttiğim gibi Yönet - Kullanıcı yönetimi - İzinler sayfasında bulunan fckeditor eklentisi sekmesindeki izinleri düzenlemeniz gerekmekte.

FCKeditor sayfasında bulunan tüm ayar seçenekleri incelemeyeceğiz ancak 1-2 püf noktadan bahsetmekte fayda var. Örneğin Fckeditor'ün hangi sayfalarda görüntüleneceğini belirlemek için Genel ayarlar sekmesindeki düzenle linkini tıklayarak açılan sayfadaki Visibility settings sekmesindeki adres satırlarına ekleme yada çıkartma yapmalıyız.

Bunun haricinde bilmemiz gereken önemli bir konu ise, Fckeditor'de farklı profiller yaratarak bu profillere özgü Fckeditor düzenlemeleri yapabiliyor olmamızdır. Bunun için Fckeditor'ün anasayfasındaki (Yönet Site ayarları - FCKeditor) Profiles sekmesine gözatalım. Standart gelen 2 adet profil vardır. Default ve Advanced. Eğer isterseniz aynı sayfadaki Create new profile linki yardımıyla yeni bir profil oluşturabilirsiniz.

Her profil sayfasında bulunan Roles allowed to use this profile sekmesi yardımıyla hangi profilin hangi rol'e uygulanacağını belirleyebiliriz. (Az sonra bundan bahsedeceğiz)

Standart gelen profiller haricinde farklı farklı profiller yaratarak farkli fckeditor görünümleri ve menüleri yaratabiliriz.

Ben kişisel sayfamdaki iletişim formunda Fckeditor'un görüntülenmesine gerek duymadığım için kayıtsız kullanıcıların Fckeditor'e erişebilmeleri için gerekli olan izni vermedim. Bunu localhost üzerindeki drupal sitemizde test etmek için önceki makalelerimizde hazırlamış olduğumuz web sitemizde bulunan iletişim sayfasına bakmamız yeterli. Fckeditor'ün standart kurulumunda kayıtsız kullanıcıların Fckeditor'e ulaşmaları için gerekli izinler verilmemiş halde olduğu için Fckeditor'ü göremeyeceğiz. Bunu test edelim, öncelikle web sitemizde Yönetici olarak oturum açmış olduğumuz için bu durumdan kurtulmalıyız. Bunun 2 yolu var. Ya şu anki oturumumuzu çıkış yap linki kapatmalıyız yada bilgisayarımızda yüklüyse bir başka internet tarayıcısı ile iletişim sayfasını ziyaret etmeliyiz. Görüntümüz aşağıdaki gibi olacaktır,

Gördüğüniz gibi kayıtsız kullanıcılar için gerekli izin olmadığı için Fckeditor görüntülenmiyor. Eğer biz gerekli izni verirsek kayıtsız kullanıcılar için de İletişim sayfasındaki bu form'da Fckeditor'ü görüntülenecektir. Gerekli izinleri vermek için, Yönet - Kullanıcı yönetimi - İzinler sayfasında bulunan fckeditor eklentisi sekmesine denk gelen Misafir kullanıcı izinlerini düzenlememiz gerekmekte.
 

• access fckeditor: Fckeditor'e erişimi sağlar. (Şimdilik sadece bu izni vermemiz yeterli)
• administer fckeditor: Fckeditor'ün yönetim izni. (Kayıtsız kullanıcılara bu izni vermek tavsiye edilmez)
• allow fckeditor file uploads: Fckeditor'ün dosya yükleme özelliğini kullanabilme izni.

Bu izinleri verdikten sonra Default isimli profilin Roles allowed to use this profile sekmesinden misafir kullanıcıların Fckeditor kullanabilmesi için gerekli olan işaretide koyup kaydetmemiz gerekmekte unutmayın.

Bu işlemlerden sonraki İletişim sayfamızdaki görüntü aşağıdaki gibi olacaktır.

 

Gördüğünüz gibi Fckeditor'un kısıtlı bir görünümü İletişim formunda görüntülenmekte.

İşte bu noktada Fckeditor'ün profil mantığı ortaya çıkıyor. Kayıtlı kullanıcı için daha çok özellikli bir Fckeditor menüsü varken kayıtsız kullanıcı (Misafir kullanıcılar) için Fckeditor'ün daha kısıtlı bir menüyle görüntülendiğini görüyoruz. Kayıtsız kullanıcılarında zengin bir Fckeditor menüsüne sahip olmasını istiyorsak Yönet - Site ayarları - FCKeditor sayfasındaki Profiles sekmesinde bulunan Default profili satırındaki düzenle'yi tıklayalım. Açılan bu sayfada kayıtsız kullanıcılar için varsayılan olarak düzenlenmiş Fckeditor ayarları vardır. Bizim amacımız, kayıtsız kullanıcılar için daha detaylı bir Fckeditor menüsü görüntülemek. Bunun için bu sayfadaki Editor appearance sekmesini tıkladıktan sonra Toolbar seçeneğini Drupal Full olarak değiştirmek ve değişikliği kaydetmek. Şimdi diğer Internet tarayıcımızla veya mevcut internet tarayıcımız yardımıyla sitedeki oturumumuzu kapatarak kayıtsız kullanıcı rolüne geçelim ve iletişim sayfamızı ziyaret edelim. Görünüm aşağıdaki gibi olmalı,

 

 

Gördüğünüz gibi kayıtsız kullanıcılarda artık İletişim formunda Fckeditor'e tüm özellikleriyle erişebilir durumdalar. Ancak bu bizim pek istediğimiz birşey değildir (En azından benim). O yüzden yapmış olduğum bu düzenlemeyi gerçek hayattaki web sitelerimde kullanmam.

Dikkat ettiyseniz her iki profilde de aynı ayarlar var ve düzenleme yapılabilecek bir çok ayar sekmesi var. Dediğim gibi hepsini tek tek incelemeyeceğiz ama öne çıkanlara bir göz atalım. Bu ayarları hangi profilde yaparsanız o profili kullanmaya izni olan rol'e sahip kullanıcılar bundan etkilenecektir. (Rol konusu hakkındaki bilgiler aşağıda açıklanmıştır)

Basic setup

• Profile name: Profil ismi düzenleyebilirsiniz.
• Roles allowed to use this profile: Bu profilin hangi rol'e atanacağını belirlemenizi sağlar.

Not: İçerik Yönetim Sistemlerinde tıpkı Microsoft Active Directory permission yapısında veya dosya ve klasör izin yapısında olduğu gibidir. Yani izinleri kişilere vermektense, bir grup (buradaki karşılığı rol) yaratılır ve bu gruba (Rol'e) izin verilir. Böylece o gruptan birisi çıkartılırsa bu izinlerden otomatik olarak muaf kalacağı gibi bu gruba eklenen bir kişi otomatik olarak bu gruba verilen izinlere sahip olur. Biz eğer Fckeditor altında varsayılan olarak gelen bu 2 profil dışında bir profil yaratmak istersek ve bu profilide farklı rol'deki kullanıcıların faydalanmasını istersek, öncelikle Drupal yapısında bir rol yaratmalıyız. Bunun için, Yönet - Kullanıcı yönetimi - Roller sayfasındaki Rol ekle satırına istediğiniz ismi girerek Rol ekle'yi tıklayın. Ben burada yazar kullanıcılar isminde yeni bir rol ekledim.

 

 

Daha sonra bu rol'e izin vermek zorundayız. Eğer bir rol Fckeditor için herhangi bir izne sahip değilse Fckeditor sayfasındaki Profiller sayfasının Basic setup sekmesinde Roles allowed to use this profile altında görüntülenmeyecektir. Bu yüzdendir ki önceklikle yeni yarattığımız bu rol için Yönet - Kullanıcı yönetimi - İzinler sayfasında gitmeliyiz. Şimdi burada daha önce görmediğimiz yeni rol'e ait izinleri görebiliriz. Önceden sadece kayıtlı kullanıcılar ve misafir kullanıcılar isminde 2 adet rol varken, şimdi bunlara ek olarak az önce yarattığımız rol olan yazar kullanıcılar içinde izinler oluştuğunu göreceksiniz. Burada bu rol'e az önce gördüğümüz gibi bir izin verelim (Örneğin, access fckeditor).

 

Şimdi tekrar Yönet - Site ayarları - FCKeditor sayfasa gidersek, burada Basic Setup sekmesindeki Roles allowed to use this profile altında yeni rol içinde seçenek görebiliriz. Biz bu sayede farklı rollerdeki insanlar için farklı özelliklere sahip Fckeditor görünümleri ayarlayabiliriz.

 

 

 

 

• Allow users to customize FCKeditor appearance: Kullanıcıların kendi sayfalarından yapabilecekleri Fckeditor ayarlarını kullanabilmeleri sağlanır.

 

Security (Güvenlik)

Malum güvenlik ayarları. Varsayılan değerlerde bıraktım.

 

Visibility settings (Görünürlük ayarları)

Fckeditor'ün hangi sayfalarda görüntülenip görüntülenmeyeceğini belirlemenizi sağlar. Varsayılan değerlerde bıraktım.

 

Editor appearance (Editör görünümü)

Buradan Fckeditor'ün sayfa içinde nasıl görüntüleneceği belirlenir.

• Show disable/enable rich text editor toggle: Az önceki iletişim sayfasına baktığınızda formun alt kısmında Switch to plain text editor linkinin görüntülendiğini göreceğiz. Bu seçenek, formda bu yazının (Linkin) görüntülenip görüntülenmeyeceği belirlememizi sağlar. Formda bu seçenek tıklandığında Fckeditor'ün gizlenmesi sağlanır. Tıklandıktan sonra bu yazı Switch to rich text editor olara değişir ve bu yazı tıklanıncada Fckeditor tekrar görüntülenir. Açıkcası bazen ben bazı eklentilerin forum sekmelerinde Palin text editörü kullanıyorum. Çünkü, sebebini bilmediğim bir şekilde Fckeditor kendince html tag'i ekliyor ve istediğim sonucu alamıyorum. O yüzden bazen Plain text editor üzerinde yazdığım html kodlalarını kullanıyorum.
• Use FCKeditor in a popup window: Fckeditor'ün popup penceresi olarak görütülenip görüntülenemeyeci belirlenir.
• Skin: Buradaki seçenekler ile Fckeditor'ün dış görünümünü değiştirebiliriz.
• Toolbar: Az önce yaptığımız gibi Fckeditor'ün form üzerinde tüm özelliklerimi yoksa kısıtlı bir görünümümü görüntülenecek bu belirlenir.
• Start the toolbar expanded: Fckeditor toolbar'ının kapalı mı açık mı görüntüleneceği belirlenir.
• Width: Fckeditor'ün % kaçı görüntüleneceği belirlenir.
• Dil: Fckeditor'ün görüntüleneceği dil.
• Auto-detect language: Dil'in otomatik belirlenip belirlenmeyeceğinin seçenekleri.

 

Cleanup and output

• Enter mode: Enter'a basıldığında hangi html tag'i işlev gerçekleştirilecek bu belirlenir. Varsayılan olarak <p> etiketidir ve bu şekilde bırakıyorum. (Bu seçenekte 2 satır alta ineriz)
• Shift + Enter mode: Shift + Enter kombinasyonunda hangi html tag'i işlev gerçekleştirilecek bu belirlenir. Varsayılan olarak <br /> etiketidir ve bu şekilde bırakıyorum. (Bu seçenekte 1 satır alta ineriz)

Diğer seçenekleri varsayılan olarak bırakıyorum ve diğer sekmeye geçiyorum.

 

Style and template files

Kullanılacak Css şablonu belirlenir

• Editor CSS: Fckeditor'ün görünümü için kullanılacak olan Css dosyası hangisi olmalı bu belirlenir.
• Use theme CSS: Temanın Css dosyası kullanılır.
• Define CSS: Farklı bir Css dosyası kullanılması sağlanır. Bunun için hemen alt kısımdaki CSS path satırına bu Css dosyasının yolunu yazmalısınız.
• FCKeditor default: Fckeditor'ün kendi Css dosyası kullanılır.

 

File browser settings

Buradaki seçenekler önemli. Zira Fckeditor üzerinde yapılan dosya gönderimlerinin (File uploads) nasıl yapılacağı belirleniyor.

• File browser type: Fckeditor ile bir resim veya başka bir dosya tipini upload etmek istediğimizde kullanılacak yöntem belirlenir. Ancak bu yazımızın başında da belirttiğim gibi, yazımızın konusu 2 ayrı eklentiydi hatırlarsanız. 2. kuracağımız eklenti IMCE isminde bir file browser eklentisi. Biz IMCE eklentisini kurduğumuzda buradaki seçenekler arasında IMCE eklentisinide göreceğiz ve bu eklentiyi seçerek IMCE eklentisinin Fckeditor eklentisi içinde file browser (Dosya tarayıcısı) olarak kullanılmasını sağlayacağız.
• Allow quick uploads: Hızlı dosya gönderimi yapılıp yapılamayacağı belirlenir.
• Allow quick uploads: Upload edilen dosyaların server üzerinde nasıl bir klasör yapısı içinde tutulacağı belirlenir. Buradaki placeholder'lar (yer tutucular) bunu belirlememize yardım ederler.
  • %b: Base URL: Drupal kurulumunun bulunduğu klasör.
  • %f : File system path: Dosya sisteminin bulunduğu yol. (Varsayılan olarak sites/default/files klasörüdür)
  • %u: User ID : Kullanıcı kimlik no diyebiliriz.
  • %n: Kullanıcı adı.

Örneğin buradaki yol %b%f/%n şeklinde belirtilirse ve ben bir dosya göndermiş olsam, bu dosya dosya /drupal/sites/default/files/serdar ismindeki klasör altına gönderilecek. Böylece kişilerin göndermiş olduğu dosyalar birbirine karışmamış olacak. Bu düzenlemenin benzerini IMCE eklentisinde de yapabiliriz.

 

Gelişmiş seçenekler

Burada da Java script konfigürasyonu yapılabilir. Varsayılan değerlerde bırakıyorum.

 

Fckeditor kısmı bu kadar. Üstün körü geçtiğimiz bölümler standart kurulum için çok da işimizin olmadığı ve varsayılan olarak bırakıldığında işlerini gayet iyi yapan ayarlardan oluşuyor.

 

Gelelim IMCE eklentisine.

IMCE eklentisini http://drupal.org/project/imce adresinden Drupal versiyonumuza uygun olan versiyonunu çekerek sites/all/modules klasörü altına açalım.

Daha sonra Yönet - Site kurulumu - Eklentiler sayfasından eklentiyi etkinleştirelim.

Burada ilk söylemem gereken konu, IMCE eklentisinin Fckeditor içinde işlev görebilmesi için az öncede bahsettiğim gibi Fckeditor'ün seçeneklerinde düzenleme yapılması gerekmekte. Bunun için, Yönet - Site ayarları - FCKeditor sayfasında bulunan Profillerden hangisini istiyorsa düzenle'yi tıklayarak, açılan sayfadaki File browser settings sekmesinde bulunan File browser type seçeneklerinden IMCE seçilmelidir. (Bu seçenek IMCE eklentisi yüklendikten sonra gürünür)

Ayarlar'a geçmeden önce bunca işi neden yaptık bir gözatalım. İçerik oluştur linki ile Sayfa veya Makale oluşturmayı denediğimizde, açılan sayfadaki Fckeditor'de bulunan Resim Ekle/Düzenle düğmesini tıkladığımızda açılan menüde Sunucuyu Gez isminde yeni bir düğme belirmesi gerekmekte. Az önce yaptığımız işlem sonucunda IMCE eklentisini Fckeditor içine entegre etmiş olduk. Bu sayede Fckeditor eklentisi ile yazı vs yazarken resim, flash dosyası, avi-mp4 vs medya dosyalarını IMCE File Browser'ı ile rahatlıkla upload edebileceğiz.

 

 

Sunucuyu Gez tıklandığında karşımıza aşağıdaki gibi yeni bir pencere açılacaktır.

 

 

Bu pencerede sol taraftaki klasör yapısını IMCE eklentisinin yönetim panelinde düzenleyebileceğimiz gibi, bu klasörler yüklediğimiz eklentiler sayesinde farklılık gösterebilir. (Görüntülenen resimler önceki makaleler ve video anlatımları esnasında sites/all/default klasörüne kopyaladığımız resimler.)

 

• Upload: Bilgisayarımızdaki bir resim dosyasını yüklememizi ve yüklerkende eğer istersek boyutunu değiştirmemizi sağlar.
• Thumbnails: Seçili olan resim için küçük resimler (Thumbnails) oluşturmamızı sağlar.
• Sil: Seçili resim veya resimlerin silinmesini sağlar.
• Resize: Seçili resimlerin ölçülerini değiştirmemizi sağlar.
• Insert file: Seçili resmin kullanılmak üzere içeriğe eklenmesi için seçilmesini sağlar.

 

Seçtikten sonra,

• Genişlik, Yükseklik: Malum. Yüklenen bu resim dosyasının orjinal boyutlarını değiştirmeden, orjinal boyutundan farklı görüntülenmesi sağlanır. Buradaki kilit işareti sayesinde Genişlik değeri değiştirilince Yükseklik değeride aynı oranda değiştirilmesi sağlanır. Eğer kilidi açarsak Genişlik ve Yükseklik değerlerini birbirlerinden bağımsız olarak değiştirebiliriz ama bu resmin orantısız olarak değiştirilmesi gibi sıkıcı bir uruma neden olur. Hemen yanındaki kıvrık ok işareti ise, değiştirilen resim ölçülerinin orjinal haline geri dönmesini sağlar.
• Kenar: Belirlenen ölçüde kenar çizgisi oluşmasını sağlar. Boş bıraktım.
• Yatay ve Dikey boşluk: Eklenen resim etrafında belirlenen ölçüde boşluk oluşması sağlanır. Bu sayede resmin hemen yanındaki bir başka resim veya yazıyla birleşik görüntülenmesini engeller. 5'er p,xel bıraktım.
• Hizalama: Eklenen bu resmin sayfada aynı hizada bulunan diğer öğerlere göre sayfa yerleşimi belirlenir. Sol seçtim.

Kaydet'i tıkladıktan sonra açılan sayfada resmin görüntülenmediğini göreceksiniz. Bunun sebebi (Düzenle'yi seçerek düzenleme sayfasına geçiniz) Girdi biçimi sekmesinden Filtered HTML seçili olması ve izin verilen Html etiketleri arasında img tag'inin olmamasıdır. Bu sorunu aşmanın 2 yöntemi vardır.
 

• İlk yöntem Düzenle sayfasındaki Girdi biçimi sekmesinden Full HTML seçerek, bu içerikte tüm Html tag'lerinin kullanılmasına izin vermek.
• Diğer yöntem ise Filtered HTML kapsamında izin verilen tag'lere img tag'ini eklemek.

Bunun için Yönet - Site ayarları - Girdi biçimleri sayfasındaki Filtered HTML satrında bulunan ayarlar tıklanarak, açılan sayfada yine Ayarlar tıklanarak İzin verilen HTML etiketleri satırının sonuna <img> tag'ini eklemek ve kaydetmek.

Az önce hazırladığımız sayfaya geri dönersek artık resmin görüntülendiğini göreceğiz. (Eğer az önceki sayfayı kapattıysanız ve nasıl geri döneceğinizi bilmiyorsanız, Yönet - İçerik yönetimi - İçerik sayfasına giderek şu ana kadar hazırlamış olduğunuz içeriklerin listesinden bulabilirsiniz.)

Oluşan görüntü aşağıdaki gibi olmalıdır. Resmi tekrar düzenlemek isterseniz, düzenle sayfasında resmin üzerinde sağ tıklayarak Resim özelliklerini seçmeniz yeterli.

 

Gelelim IMCE eklentisinin ayarlarına. Bunun için Yönet - Site ayarları - IMCE sayfasına gitmeliyiz. Fckeditor eklentisinde olduğu gibi IMCE eklntiside profil mantığı ile çalışır. Bu sayfada Configuration profiles sekmesinde varsayılan profilleri görebileceğiniz gibi Add new profile linki ile yeni profiller ekleyebilirsiniz. Buradaki User-1 profili, Drupal sitesinin kurulumunu gerçekleştirirken oluşturulan kullanıcıdır. Yani sistemdeki her türlü yetkiye sahip olan kullanıcı hesabına ait profil ayarlarını barındırır. Eğer kişisel bir sayfanız varsa ve yeni kullanıcılar ve bu kullanıcılara verilecek farklı haklar gibi bir durum söz konusu değilse bu profili özelleştirebilirsiniz. Fakat, web sitenizde farklı gruplar (Roller) oluşturacaksanız, yukarıda bahsedildiği gibi yeni roller oluşturup, bu rollerede gerekli izinleri verdikten sonra bu sayfadaki Role-profile assignments sekmesinden hangi rolün hangi profile sahip olması gerektiğini belirleyebilirsiniz.

Ben tek bir kullanıcımız olduğunu düşünerek User-1'i düzenlemek istiyorum. Düzenle'yi tıkladıktan sonra karşımıza çıkan ekranda,

• Profile name: Profil ismini değiştirebilmemizi sağlar.
• Import settings from other profiles: Bir başka profildeki ayarların bu profile import edilmesi sağlanır. Şu anda User-1 profili haricinde tek bir profilimiz var. O da sample profile (Örnek profil). O yüzden sadece bu profil görüntüleniyor.
• Display file browser tab in user profile pages: Kullanıcının hesabım sayfasında bir file browser (dosya tarayıcı) görüntülenip görüntülenmeyeceği seçilir.
• Maximum file size per upload: Kişinin her upload esnasında maksimum kaç Mb'lık bir dosya upload edebileceği belirlenir. 0, maksimum değer olarak belirtilen değer kadar upload edilebilir anlamına gelmektedir.

Not: Localhostta bu değeri değiştirmek isterseniz Wamp server'ın ikonunu tıklayın , açılan Wamp server menüsünde PHP - php.ini dosyasını açın.

 

 

Açılan bu dosya php'nin nasıl çalışması konusundaki en önemli dosyadır. Üzerinde bir değişiklik yapmdan önce yedeklemenizi tavsiye ederim.

Burada File uploads bölümünü bulunuz (Ctrl + F) ve upload_max_filesize satırındaki değeri değiştiriniz. Dosyayı kaydedin ve değişikliklerin geçerli olabilmesi için Wamp server menüsünde bulunan Bütün servisleri yeniden başlatı tıklatarak servislerin kapatılıp açılmasını ve ini dosyasının tekrar okunarak değişikliklerin geçerli olmasını sağlayın.
 

 

Şimdi tekrar IMCE eklentisindeki profil ekranına geri dönecek olursak Maximum file size per upload:  satının altındaki Your PHP settings limit the maximum file size per upload to ibaresindeki değerin değişmiş olacağını göreceksiniz.

Bu değişikliği localhost'ta değilde gerçek hayattaki bir server üzerinde yapmak için hosting hizmetini aldığınız firmanın yardım sayfasından veya destek hattından öğrenebilirsiniz. Ben hosting hizmetleri için sürekli Bluehost'u kullanıyorum. Herkese de tavsiye ederim. Problemsiz bir firmadır. Blouehost'un sunmuş olduğu yönetim panelinin Php seçenekleri altında bu iş için geliştirilmiş bir bölüm var. Kısaca şöyl söyleyebilirim, ftp root'unuzda konfigür edilebilir bir php dosyası yaratmanızı ve bu php dosyasını düzenleyebilmenize olanak veriyor. Bu sayede az önceki gibi upload_max_filesize gibi değerleri rahatlıkla değiştirebiliyorsunuz.

• Directory quota: Klasörlerin alabileceği maksimum veri miktarı.
• Total user quota: Bir kullanıcının toplamda upload edebileceği maksimum değer belirlenir. Ancak burada dikkat edilmesi gereken konu, sadece şu an yüklü IMCE eklentisi üzerinden yapılan değerler veritabanındaki tablolardan belirlenerek bu ölçüm yapılır. Sistemde eskiden varolup upgrade edilen 4.x ve 5.x versiyonuna sahip IMCE eklentilerinden yapılan upload'lar veya direk Ftp üzerinden yapılan eklentiler bu kotaya dahil değildirler. 0 limitsizdir.
• Permitted file extensions: Upload edilmesine izin verilen uzantılar. Uzantılar arasına virgül koyarak ayırabilirsiniz (pdf,xlsdoc vs). * herhangi bir kısıtlama olmadan her türlü uzantının upload edilebilmesini sağlar.
• Maximum image resolution: Upload edilecek resmin maksimum çözünürlüğü.
• Maximum number of files per operation: Yapılan işlem esnasında maksimum kaç tane dosya işlem görebilir. Örneğin aynı anda kaç tane dosyayı silmek isterseniz onun sayısını girmelisiniz. 0 limitsiz işlem anlamına gelir.

Directories

Burası IMCE eklentisi localhostta veya server üzerinde kullanacağı klasörleri ve bu klasörlere bu profilin üyesi olan kişilerin hangi haklarla erişebileceğini belirlememizi sağlar. Ben burada 2 ayrı senaryo ile konuyu anlatmak istiyorum.

Önce, klasör bazında bir hiyerarşi yapalım. Sonrada kullanıcı bazında bir hiyerarşi yapalım. Böylece her 2 şekilde de farklı klasör yapıları oluşturmayı görmüş oluruz. Sizde web sitenizin yapısına hangisi uygun ise o klasör yapısını web sitenizde uygularsınız.

İlk örneğimizde buradaki satırları aşağıdaki gibi dolduralım. Önceden de bahsettiğim gibi Drupal'de dosyalar genelde sites/all/files klasörü altında yer alır. Buradaki klasör yapısına da bakacak olursanız aynı. Ben burada files klasörü altında oluşmasını istediğim resimler, medya ve dosyalar adında 3 adet alt klasör belirledim ve bu klasörlere bu profil'i kullanmaya hakkı olan kişilerin erişmesi için gerekli tüm izinleri verdim.
 

• Browse: Klasörlere erişebilme izni.
• Upload: Dosya gönderebilme izni.
• Thumbnails: Sayfanın altında belirtilmiş (Sizinde ekleyebileceğiniz) boyutlarda küçük resim oluşturabilme izni.
• Sil: Silme izni.
• Resize: Resmin boyutunu değiştirebilme izni.

 

Ayarları kaydetip çıktıktan sonra, içerik oluştur sayfasından Sayfa ve ya Makale'yi seçiniz. Sayfa veya Makale hangisini seçtiyseniz Gövde bölümündeki Fckeditor'ün Resim Ekle/Düzenle düğmesini tıkladktan sonra açılan menüde Sunucuyu Gez düğmesini tıklayalım. Açılan IMCE File browser'ının sol tarafın az önce oluşturduğumuz klasörleri görmeniz gerekmekte.

 

Artık bir dosya upload ederken resimleri resimler klasörüne, flash, avi, mp4 video vs gibi dosyaları medya klasörüne, pdf, doc, xls gibi dosyaları da dosya klasörüne upload ederek bir dosya hiyerarşisi ve düzeni sağlamış oluyoruz.

Gelelim 2. senaryoya. Bu senaryoda da upload edilen dosya vs herneyse upload eden kişinin adını taşıyan bir klasör altına gönderilsin istiyoruz. Bunun için az önce profil ayarlarında yapmış olduğumuz değişiklikleri (resimler,medya, dosyalar) silip kaydediyorum.

Directory path alanındaki ilk satıra php: return 'users/'.$user->name; yazıyorum, tüm izinleri veriyorum ve Including subdirectories kutucuğunu işaretliyerek kaydediyorum. Diğer satırları boş bırakıyorum.
 

 

Tekrar sayfa oluşturma sayfasına giderek Fckeditor eklentisinin Resim Ekle/Düzenle düğmesini tıklıyorum ve Sunucuyu Gez'i tıklıyorum. Açılan IMCE file browser penceresinin sol tarafında bu sefer oturum açan kişinin kullanıcı adında yeni bir klasör oluştuğunu göreceksiniz.

 

 

Artık upload işlemi esnasında yüklenen dosya, yükleme yapan kişinin adında oluşturulan bir klasör altına gönderilecektir. Bu da dosyaların düzen içinde durmasını sağlayacaktır.

Bir diğer yöntemde yine IMCE eklentisinin profil sekmesinde belirtildiği gibi, Directory path satırına .users/%uid yazarak ve gereki izinleri vererek, bu seferde upload işlemini gerçekleştiren kişinin kullanıcı ID numarası kaç ise o isimde bir klasör altında görüntülenmesini sağlar. (Örneğin kullanıcı Drupal'i kuran kişi ise, User ID'si 1 'dir ve 1 isminde bir klasör oluşturulur ve upload edilen dosyalar 1 isimli klasörün altında depolanır.)

Artık hangi yöntemi seçeceğiniz size kalmış.

Gelelim IMCE profilinde son düzenleme olan Thumbnails ayarları.

Buradaki ayarlar IMCE file browser kullanılarak bir resim upload ederken veya önceden upload edilen bir resmin herhangi bir resim editörü kullanmadan direk file browser ekranında thumbnail'lerinin (küçük resim) oluşturulması sağlanır.

Örnek vermek gerekirse İçerik oluştur - Sayfa'yı tıklayalım terkar. Fckeditor üzerindeki Resim/Ekle Düzenle'yi tıklayalım. Açılan pencerede Sunucuyu Gez'i tıklayarak IMCE file browser'ına erişelim. Upload'ı tıkladığımızda Small, Medium, Large isminde 3 adet thumbnail seçeneği göreceksiniz. İşte bu seçenekler IMCE eklentisinin profillerindeki Thumbnails sekmesindeki ayarlardan bu özelliklerini alıyorlar. Biz profildeki isim ve değerleri değiştirirsek veya yenilerini eklersek, bu seçenekleride IMCE File browser'ında yeni resim eklerken veya hemen Upload'ın yanındaki Thumbnails sekmesindeki seçenekler menüsünden görebiliriz. Böylece herhangi bir resim editörüne ihtiyacımız olmadan IMCE File browser penceresinde önceden bekirlediğimiz boyutlarda küçük resimler oluşturabiliriz.

 

Burada Drupal_Man.jpg ismindeki resmi Thumbnails sekmesindeki Medium (120x120) seçeneğini işaretleyip Create thumbnails düğmesini tıklayarak medium_Drupal_Man.jpg isminde ve 120'ye 120 pixel boyutlarında yeni bir resim yaratmasını sağladım.

Eğer siz burada otomatik olarak verilen bu medium kelimesi yerine IMCE profil ayarlarındaki Thumbnails sekmesinde bulunan prefix veya suffix'leri değiştirebilirsiniz.

Kısaca başlıklara göz atalım,
 

• İsim: Thumbnail'in menülerde görünen ismi.
• Dimensions: Pixel cinsinden boyutu.
• Prefix: Oluşturulan küçük resmin başına gelecek isim.
• Suffix: Oluşturulan küçük resmin sonuna gelecek isim.

Bu şekilde sizlerde farklı ölçülerde thumbnail'ler yaratabilirsiniz.

Fckeditor ve IMCE eklentileri hakkında aklıma gelenler bunlar. Umarım işinize yarar.