CKEditor + CKFinderのかわりにKCFinder メモ

2011.12.02 このエントリーに関する新しい補足記事を投稿しました。
CKEditorとKCFinderの最新版がうまく動かないと聞いたので検証

CKFinderは良い！良いんですが・・・高い！

ブラウザベースのWYSIWYGエディター＋ファイルアップロード機能付のものを探していた訳ですが、「CKEditor+CKFinder」を見つけて、
「うおー！何じゃこりゃー！最強じゃねーか！！」
と喜び勇んでいたのも、もう過去の話。
やっぱり世の中銭なのね。。。

という訳で、CKFinder良いけど高すぎるんだよー！価格設定おかしいだろー！と嘆いてばかりもいられないので、代替案。

CKFinderならぬ、KCFinderというものがあるらしい。

一瞬目を疑いますが、

KCFinder

確かにありますね。。。

この子が、CKEditorと連携いけるようなので、試して見ましょう。

手順的なアレ

CKEditorダウンロード＆設定済みにしておく。

基本的にはCKEditor落としてきて、どこかに配置して、HTML側ではckeditor.js読み込んでtextareaに class="ckeditor" すればOKOK。→http://ckeditor.com/

KCFinderダウンロード（2011.04.22時点ではバージョン2.21）して、どこかに配置。

とりあえず私の例では、DocumentRoot直下においたりしてみたり。
/ckeditor/
/kcfinder/
こんな感じ。

CKEditorのコンフィグファイル（/ckeditor/config.js）に追記。

KCFinder設定

KCFinderの初期設定では、何故か使用出来ないモードになっているので、
/kcfinder/config.php の、
'disabled' => true,
を
'disabled' => false,
に書き換える。

さらに、ファイルのアップロード先を変更したいので、例えばDocumentRoot直下に /upload/ というディレクトリを作成し、
/kcfinder/config.php の、
'uploadURL' => "upload",
を
'uploadURL' => "/upload",
に書き換える。

さらにさらに、セッションの設定を行う為、
/kcfinder/config.php の下の方でコメントアウトされている、 '_sessionVar' => &$_SESSION['KCFINDER'], //'_sessionLifetime' => 30, //'_sessionDir' => "/full/directory/path", //'_sessionDomain' => ".mysite.com", //'_sessionPath' => "/my/path",

この辺を、

こんな感じに書き換えてあげちゃう。

画面イメージ

CKEditor画面キャプチャ

CKEditor画面キャプチャ
燦然と輝く「サーバーブラウザ」の文字！

KCFinder画面キャプチャ
機能的に全く問題無し！

CKEditor画面キャプチャ

現時点でKCFinderに日本語ファイルが入っていない様子。

その為、英語表記になってしまっているのですが、paddy氏が言語ファイルをアップして頂いていて、これが大変良いです！最高ですかー！最高ですよー！という感じです。

jp.phpを
/kcfinder/lang/
以下に置けばOKOK。

CKFinder画面キャプチャ

完璧！多謝！

2011/04/22

CKEditor + CKFinderのかわりにKCFinder メモ

CKFinderは良い！良いんですが・・・高い！

CKFinderならぬ、KCFinderというものがあるらしい。

手順的なアレ

CKEditorダウンロード＆設定済みにしておく。

KCFinderダウンロード（2011.04.22時点ではバージョン2.21）して、どこかに配置。

CKEditorのコンフィグファイル（/ckeditor/config.js）に追記。

KCFinder設定

画面イメージ

現時点でKCFinderに日本語ファイルが入っていない様子。

関連項目

雑多なもの

Ext.js

jquery

lightwindow,greybox

SyntaxHighlighter

特別企画「犯人はヤス」