CKEditör e Responsive File Manager Entegrasyonu

CKEditör Responsive File Manager Entegrasyonu

CKEditör Entegrasyonu

CKEditör Responsive File Manager Entegrasyonu için öncelikle CKEditör ü entegre edelim. Öncelikle scriptimizi sayfaya çağırıyoruz.

<script src="..klasoryolu/ckeditor/ckeditor.js"></script>

Kullanmak istediğimiz form kontrolünde kendi belirlediğimiz bir kelimeyi id olarak atıyoruz. Ben id yi editor-ckeditor olarak belirledim. Daha kısa bir şey de tercih edebilirsiniz bu size kalmış ve class tanımına ckeditor yazıyoruz.

<textarea name="cerez" class="form-control ckeditor" id="editor-ckeditor"></textarea>

CKEditörün standart çalışma mantığı hazır. Artık Responsive File Manager ı entegre edebiliriz. CKEditörü çağırdığımız script satırının altına Responsive File Manager için aşağıdaki kodları yazıyoruz.

<script>
CKEDITOR.replace('editor-ckeditor', {
filebrowserBrowseUrl: 'filemanager/dialog.php?type=2&editor=ckeditor&fldr=',
filebrowserUploadUrl: 'filemanager/dialog.php?type=2&editor=ckeditor&fldr=',
filebrowserImageBrowseUrl: 'filemanager/dialog.php?type=1&editor=ckeditor&fldr='
  });
</script>

Responsive File Manager Entegrasyonu

Artık Responsive File Manager ı CKEditör’e bağladık. Bundan sonra dosya yolu işlemlerimiz var. Responsive File Manager ın dosya sisteminde config/config.php dosyasını açalım. Burada ‘upload_dir’ , ‘current_path’ ve ‘thumbs_base_path’ yollarını düzenleyeceğiz.

LOCALHOSTTA ÇALIŞANLAR İÇİN DOSYA YOLLARI

Localhostta çalışıyorsunuz ve dosyalarınızın olduğu klasör adı test olsun. Örneklerde kendi klasör yolumu tam olarak paylaşıyorum, siz de kendi klasör yolunuza göre ayarlamalarınızı yapabilirsiniz.

1- ‘upload_dir’ dosya yolu

‘upload_dir’ resim dosyalarının yükleneceği url den sonraki klasör yoludur.

‘upload_dir’ => ‘/test/public/assets/plugin/filemanager/upload/files/’,

2- ‘current_path’ dosya yolu

‘current_path’ File Manager ın klasör yoluna göre olan resimlerin kaydolacağı dosya yoludur.

‘current_path’ => ‘upload/files/’,

3- ‘thumbs_base_path’ dosya yolu

thumbs_base_path’ File Manager ın klasör yoluna göre olan küçük resimlerin kaydolacağı dosya yoludur.

‘thumbs_base_path’ => ‘thumbs/’,

4- ‘thumbs_upload_dir’ dosya yolu

‘thumbs_upload_dir’ küçük resimlerin yükleneceği url den sonraki klasör yoludur.

‘thumbs_upload_dir’ => ‘/test/public/assets/plugin/filemanager/thumbs/’,

SERVERDA ÇALIŞANLAR İÇİN DOSYA YOLLARI

1- ‘upload_dir’ dosya yolu

‘upload_dir’ => ‘/public/assets/plugin/filemanager/upload/files/’,

2- ‘current_path’ dosya yolu

‘current_path’ => ‘upload/files/’,

3- ‘thumbs_base_path’ dosya yolu

‘thumbs_base_path’ => ‘thumbs/’,

4- ‘thumbs_upload_dir’ dosya yolu

‘thumbs_upload_dir’ => ‘/public/assets/plugin/filemanager/thumbs/’,

Tüm entegrasyonlar bitti fakat File Manager a dosyanızı yüklediğiniz halde Internal Server Error hatası alıyorsanız muhtemelen bu bir fonksiyon hatasıdır. Fonksiyon hatası olup olmadığını öğrenmek için Cpanelde MULTI PHP Yöneticisine tıklayın. display_errors ayarını enable yapıp kaydettikten sonra ckeditör e tekrar dönüp resim yükleyin. Hata kısmında undefinied function yazısı gördüyseniz php sürümünüzü minimum 7.2 ye yükselttiğinizde sorununuz çözülebilir. İşlemler sonrası display_errors ı eski ayarına getirmenizi öneririm.

CKEditör e Responsive File Manager ı entegre ederken yerli kaynak eksikliğinden dolayı zorlanmıştım, umarım bu yazı size faydalı olmuştur. İşinize yaradıysa yorum bırakmayı unutmayın. Herkese iyi çalışmalar…

Yazılıma dair diğer yazılarımız için tıklayın

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir