FCKeditor – ささやかなクリスマスプレゼント

メリークリスマス。あきらから、ささやかなクリスマスプレゼントです。

サムネイルを表示するファイルブラウザー(プラグイン)

画像(180x152)

ファイルブラウザーを作成しました。

・サムネイル表示
・多言語対応
・ファイル・フォルダ削除機能
・ファイル・フォルダリネーム機能
・アップロードファイルサイズ制限機能
・アップロード容量制限機能

ダウンロード

FileBrowser_Thumbnail.zip
※プラグイン名を変更しました。FCKeditorの設定を変更してお使いください。

インストール

ダウンロードしたファイルを解凍し、出来たフォルダを FCKeditor のプラグインパスへコピーします。

設置方法

プラグインに “FileBrowser_Thumbnail” を追加します。
fckconfig.js または カスタム設定ファイルに以下の行を追加します。
※プラグイン名を変更しました。ご注意ください。

FCKConfig.Plugins.Add( 'FileBrowser_Thumbnail', 'en,ja', FCKConfig.BasePath + 'plugins/' ) ;

ファイルブラウザーを自動的に置き換えます。

アップロードフォルダは、FCKeditor の初期化時に、以下のように設定します。

(oFCKeditor.Config[‘ServerPath’])

<script type="text/javascript" src="/fckeditor/fckeditor.js"></script>
<script type="text/javascript"><!--
window.onload = function ()
{
var oFCKeditor = new FCKeditor('textarea1') ; // textarea の id または name を指定
oFCKeditor.BasePath = '/fckeditor/' ;
oFCKeditor.Width = 760 ;
oFCKeditor.Height = 460 ;
oFCKeditor.ToolbarSet = "Sample" ;
oFCKeditor.Config['CustomConfigurationsPath'] = '/sample.fckconfig.js' ;
oFCKeditor.Config['TemplatesXmlPath'] = '/sample.fcktemplates.xml' ;
oFCKeditor.Config['ServerPath'] = '/upload/user/';
oFCKeditor.ReplaceTextarea() ;
}
// -->
</script>

詳細設定

プラグインの以下のファイルを修正します。

FileBrowser_Thumbnail/connector/php/config.php

今のところ、余分な設定も残っています。必要な個所だけ変更してください。

その他

JavaScript で漢字を含む URI を呼び出す場合、escape では文字化けします。
該当個所を全て encodeURIComponent に変更する必要がありました。
また、サーバ側のファイル操作をする場合は、ファイルシステムの文字コードに合わせる必要があります。
こうしておかないと、ファイルを削除できなくなったりします。
多言語対応はやっぱり骨の折れる作業でした。

参考 : PHPとJSのURIエンコード比較

7件のコメント

  1. こんにちは 便利に使わせていただいております。

    ところで改めて設置したところサムネイルが表示されず、アイコン画像が表示されるようになってしまいました。どうもアップロードしているファイルのサムネイルが作成されないのですが、ここが違うのでは、と思うところがありましたらヒントをいただければ幸いです。

  2. 一番困る質問です。

    1. 設置しているサーバーのOS・またはレンタルサーバを教えてください。

    2. 可能ならプラグインフォルダをZIPで圧縮してメールで送ってください。

    以下の点をチェックして下さい。

    1. アップロードフォルダのパーミッション

    2. コネクターがPerlの場合、スクリプトの実行権限

  3. 困っていたことができそうなとても素敵なツールで取り掛かりましたが、知識が貧弱で解かりません。

    DLしてpluginフォルダーにアップし

    FCKConfig.Plugins.Add( ‘FileBrowser_Thumbnail’, ‘en,ja’, FCKConfig.BasePath + ‘plugins/’ ) ;

    もfckconfig.jsを書き換えさせていただきましたので

    貴殿のツールが元のファイルブラウザーに取って代わるところまではうまくいきました。

    元のブラウザーのコネクタのconfig.phpには

    $Config[‘Enabled’] = true ;

    // Path to user files relative to the document root.

    $Config[‘UserFilesPath’] = ‘/e_image/’ ;

    と書き、パーミッション777で動いておりました。

    ここから先はよくわからず

    貴殿のphpコネクタのconfig.phpを

    /*——————————————————————————*/

    /* Path to user files relative to the document root (no trailing slash) */

    /*——————————————————————————*/

    $fckphp_config[‘UserFilesPath’] = "/e_image";

    とスラッシュナシで書いてみましたが

    フォルダーがどこをさしているのか、中にある画像やフォルダーも見えませんし、新規のフォルダーを作成したり、アップロードもエラーが出ます。

    設定がちがい、ゆえにパーミッションも設定されていないようなフォルダーを指しているのだと推測しております。

    このサイトは私の作ったフリーのメール作成ソフトの編集のために作らせていただいたサイトです。

    http://www.stickom.jp/fckeditor/_samples/default.html

  4. 先ほど質問させていただきましたが

    1つ解決いたしました。

    /upload/user

    というフォルダーを

    $fckphp_config[‘UserFilesPath’]

    に対して設定することで

    既存のファイルは表示するようになりました。

    しかし、新規フォルダーやUPloadはできません。

    あとはパーミッションでしょうか?

    すべてこのフォルダー類は777に設定しております。

    少し進展したTESTサイトを開示します

    http://www.stickom.jp/fckeditor3/_samples/default.html

  5. テストさせてもらいました。

    フォルダの作成も出来ないようです。

    この場合は大抵PHPのセーフモードが原因です。

    UserFilesPath で指定されたフォルダ以下に、自動的にリソース別のフォルダを作成してファイルを保存するようになっていますが、PHPのセーフモードだと事前にフォルダを全て作成しておく必要があります。

    PHPの設定を確認して頂けますか?

  6. ありがとうございます

    貴殿の指摘どおり、セーフモードになっておりました

    解除するとちゃんと可能になりました

    感謝感激でございます。

    ただ、みんなで使うときは他人がアップしたフォルダーやファイルも削除は出来てしまうのですかね?

    それはしょうがないことなのか、パーミッションなどで

    最低私がUPしたものが消されないようにするには可能ですか?

    もしくは先ほどのセーフモードで手動でUPすると消されなくなりますか?自分のマシンからはテストが出来ません。

    どうしてもしょうがない場合は運用でカバーですかね・・

    私はスティッカムというストリーミング生ライブ配信サイトで活動し、貴殿のように無料ソフトを提供しています。

    悲しいかな貴殿のような高度な知識はありません。

    WSHでチョコチョコ連携をしており、

    こんなソフトやら

    http://www.stickom.jp/st/index.htm

    を作ったり(ファイルメーカーデベロッパーと連携)

    無料でMTR(マルチトラック録音)の講習をしたり

    http://www.stickom.jp/reaper/

    しております。

    貴殿の取り組みや開発のソフトはとても素敵ですので、なにか宣伝などをしないといけないときは是非協力させてください。

    私は少しだけですが名物?wwなので少しはお手伝いできるかもです。

    私が動画などを広告させていただき、私の仲間のツキシン(ミュージシャン・さだまさしバックバンド坂元昭二とユニット)の動画もスティッカムで2位まできました。

    http://www.stickam.jp/search/media?media_type=video&keyword=&sort=total_views

    こんなことで、生放送システムに関心あり、将来のために今は無償で活動しています。

コメントする

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

*

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