TinyMCE Plugin for Movable Type1.20Ja
に付属されたiBrowserを使ってみた。
/imagesの画像と/blog/imagesをiBrowserを使って挿入したりしたかったのですが、単にTinyMCEをインストールするだけでは、動作しないんですね。
1. iBrowserで利用したいフォルダのパーミッションを777等に変更します。
※各サーバの設定に詳細は依存します。
2./mt-static/TinyMCEforMT/js/tiny_mce/plugins/ibrowser/config.phpを開き、設定変更をします。
＜デフォルトの設定＞
$tinyMCE_imglibs = array(
array (
text => 'My Upload',
value => '../../../../../../ibrowser/uploads',
url => 'ibrowser/uploads/',
create_dir => false,
upload => true,
delete => true
),
array (
text => 'Main Library',
value => '../../../../../../ibrowser/library',
url => 'ibrowser/library/',
create_dir => false,
upload => false,
delete => false
)
);
＜変更した画像ディレクトリの設定＞
$tinyMCE_imglibs = array(
array (
text => 'Main Images',
value => '../../../../../../images',
url => 'http://www.XXX.XX/images/',
create_dir => true,
upload => true,
delete => true
),
array (
text => 'Blog Images ',
value => '../../../../../../blog/images ',
url => ' http://www.XXX.XX/blog/images/',
create_dir => false,
upload => false,
delete => false
)
);
text・・・分かりやすい名前に変更できます。日本語は使えませんでした。
value・・・/mt-static/TinyMCEforMT/js/tiny_mce/plugins/ibrowser/config.phpから利用したいフォルダまでの相対パスです。
url・・・利用するフォルダのURLを入力します。デフォルトの設定のような書き方でもOKですが、URLでも動きました。
create_dir・・・新しいフォルダの作成を許可したいときはtrueにします。
upload・・・画像のアップロードを許可したいときはtrueにします。
delete・・・画像の削除を許可したいときはtrueにします。
3. ./mt-static/TinyMCEforMT/js/tiny_mce/plugins/ibrowser/config.phpを上書きします。
後は簡単！画像の挿入/編集ボタンをクリックすると新しい画面が開く。
画像のプレビューが無事表示されたときはうれしかったぁ・・・。
上手く動作しないときは、valueの相対パスが間違っている可能性や属性が変更できていない可能性があるので確認してみてください。
デフォルトでの画像のアップロードとiBrowserを比べると、デフォルトの画像のアップロードはサムネイルが簡単に作成できる点については便利ですが、それ以外はiBrowserの方が分かりやすいし便利ですね。