ワイズリマインダー

KCFinderを導入してみる

2016.04.18

関連記事はこちらで見ることが出来ます。

記事「CKEditorをとりあえず動かしてみる」からのカスタマイズです。

 

初期状態では、画像の挿入はURLを指定するのみ。

どこかに画像をアップロードしないと使用できないのは

少々使い勝手が悪いので、ファイルアップロード機能を追加。

デフォルトのイメージとFlashアイコンをクリックした時の動作を変更。

 

CKFinderをダウンロード
http://kcfinder.sunhater.com/download

解凍したkcfinder-masterをckeditorと同じ階層へ
kcfinderにリネームしてアップロード
さらに同じ階層へアップロード用ディレクトリuploads(707)を作成する
ckeditor_4.5.8_full
├ckeditor/
├kcfinder/
├uploads/
└06_kcfinder.html

06_kcfinder.html

CKEDITOR.config.filebrowserBrowseUrl='/ckeditor_4.5.8_full/kcfinder/browse.php?type=files';
CKEDITOR.config.filebrowserImageBrowseUrl='/ckeditor_4.5.8_full/kcfinder/browse.php?type=images';
CKEDITOR.config.filebrowserFlashBrowseUrl='/ckeditor_4.5.8_full/kcfinder/browse.php?type=flash';
CKEDITOR.config.filebrowserUploadUrl='/ckeditor_4.5.8_full/kcfinder/upload.php?type=files';
CKEDITOR.config.filebrowserImageUploadUrl='/ckeditor_4.5.8_full/kcfinder/upload.php?type=images';
CKEDITOR.config.filebrowserFlashUploadUrl='/ckeditor_4.5.8_full/kcfinder/upload.php?type=flash';

kcfinder/conf/config.php

    'disabled' => false,
    'uploadURL' => "/ckeditor_4.5.8_full/uploads/",
    'uploadDir' => "/home/ルートからの絶対パス/ckeditor_4.5.8_full/uploads/",

 

デモ

アップロード・削除などの権限は無効にしています

• ≪新しい記事へ
• 古い記事へ≫

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください。