世界中の１％の人々へ

これで解決！FCKeditorカスタマイズキットVer.2

という理由(わけ)で、XHMLにこだわる方のために、MT-Plugin-FCKeditor-1.2をハックして、画像管理を楽にするカスタムキットを作ってみたが、なんのことはない。MT-Plugin-FCKeditor-1.2でMT4.1の画像ファイルシステムに対応した仕様を、FCKeditor本来の画像管理システムに戻しただけのハックだ。特徴は以下。

1. 余計なタグを出力しない。
2. 画像のディレクトリ構造がひと目でわかる。
3. プロパティからclassやstyleを記述できる。

◆ダウンロード

下記URLより、FCKeditor_Customkit_v2.zipをダウンロードしてほしい。
http://sourceforge.jp/projects/fckeditor/files/ 

MT4.1純正ファイルアップロード機能が利用したい方や、FCKeditor Custom kit Ver.1を利用するといいだろう。ファイルアップロード機能以外Ver.1とVer.2の仕様は同じであり、設定の必要もない。

◆画像のアップロード

では、どんなものかを紹介しよう。

[イメージ挿入/編集]のアイコンをクリックすると、[イメージプロパティ]が開く

開いた[イメージプロパティ]から[サーバーブラウザ]をクリックする。

FCKeditor - Resources Browser（ファイルマネージャー）が起動する

FCKeditor - Resources Browserで、image/2008/02を開いたところ。ご覧のように階層表示が目でみてわかる。

参照をクリックしてアップロードファイルを選択し、アップロードすれば、画像はResources Browserに登録される。

Resources Browserから画像を選択すると、[イメージプロパティ]でサムネールが確認できる。OKをクリックすればエントリー画面に画像が貼付られる。

エントリーに貼ってみた。ソースを確認してみよう。

<p><img width="200" height="200" src="http://www.dakiny.com/archives/image/2008/02/26295396_132.jpg" alt="MT4LP5" style="" /></p>

このように、正しいXHTMLで出力してくれる。

◆ファイルのアップロード

１．ダウンロードファイルをおこないたいテキストを選択して[リンク]をクリックするとハイパーリンクのプロパティ画面がポップアップで表示される。
２．[サーバーブラウザ]をクリックする

フィルマネージャが開く

[参照]をクリックすればローカルからアップロードできる。リンクしたいファイルを選ぶと

ハイパーリンクにダウンロードのURLがペーストされる。

OKをクリックするとこんな感じ。

★設定方法

◆インストール前の設定

ダウンロードしたファイルを解凍して以下のファイルを探し

/mt-static/plugins/FCKeditor/fckeditor/editor/filemanager/connectors/php/config.php

33行目と40行目のパスを利用者のWebのファイル保存ディレクトリの環境に書き換える。

// Path to user files relative to the document root.
$Config['UserFilesPath'] = 'http://www.hoge.com/files/' ;

// Fill the following value it you prefer to specify the absolute path for the
// user files directory. Usefull if you are using a virtual directory, symbolic
// link or alias. Examples: 'C:\\MySite\\userfiles\\' or '/root/mysite/userfiles/'.
// Attention: The above 'UserFilesPath' must point to the same directory.
$Config['UserFilesAbsolutePath'] = '/virtual/hoge/public_html/www.hoge.com/files/' ;

僕の例（赤字が変更部分）

// Path to user files relative to the document root.
$Config['UserFilesPath'] = 'http://www.dakiny.com/archives/' ;

// Fill the following value it you prefer to specify the absolute path for the
// user files directory. Usefull if you are using a virtual directory, symbolic
// link or alias. Examples: 'C:\\MySite\\userfiles\\' or '/root/mysite/userfiles/'.
// Attention: The above 'UserFilesPath' must point to the same directory.
$Config['UserFilesAbsolutePath'] = '/virtual/dakiny/public_html/www.dakiny.com/archives/' ;

変更が完了したら保存する。画像のアップロードだけならば、これだけで動作する。

◆さらに高機能を望む方へ

以下の２ファイルの設定をおこなえばイメージのアップロードだけでなく、高機能なファイルアップローダーとしても使えるから、意味のわかる方は挑戦してほしい。

/filemanager/default/connectors/php/config.php
/filemanager/upload/config.php

◆インストール方法

予めMT-Plugin-FCKeditor-1.2をインストールした上で、mt-staticを上書きしてほしい。従来のカスタマイズキットをインストールしている方も上書きでOK！

MT-Plugin-FCKeditorの入手方法、インストール方法については下記参照。
http://www.dakiny.com/archives/movable-type/movable_type_4_movable_type_41rc1fckeditor/

◆インストール前の注意

セーフモード対策で下記のファイルを同梱してある。

/mt-static/plugins/FCKeditor/fckeditor/editor/filemanager/connectors/php/.htaccess

不要な方はアップロード前に削除してほしい。

◆使い方

日本語版のガイドはない。ワードのように使えるから、いろいろ試しているうちに覚えられる。

◆カスタマイズ方法

カスタマイズ方法は下記参照。
http://www.dakiny.com/archives/movable-type/movable_type_4_movable_type_41rc1fckeditor/

◆設定がうまくいかない方、詳しく知りたい方

FCKeditorの公式サイトで調べるか、FCKeditorのフォーラムで質問するとよい。

ただし、AbsolutePathの意味がわかない方には、最初から設定が無理