DrupalでTinyMCE + IMCE + Lightbox2
2008/09/07(日)
こちらの記事の内容を改めて試してみました。
- 必要なモジュールをmodulesディレクトリにインストール後、管理セクション>Lightbox2を開き、Automatic image handlingタブを開き、Custom class imagesの欄、Automatic handler for custom class imagesのプルダウンリストからLightboxを選択し、その下のCustom image trigger classにクラス名、例えばtriggerclassと入力します。
- 管理セクション>TinyMCEを開き、使用しているプロフィール名を選択、ボタンの設定で、Advanced imageとImageボタンを有効にし、CSS欄で、CSS classesに、1で作成したクラス名をtrigger=Triggerclassのように入力します。これで設定は完了です。
- コンテンツを作成します。TinyMCEの画像ボタンをクリックし、Insert/edit imageウィンドウを開き、BrowseボタンでIMCEの画面を開き、サムネイル画像を選択(add)します。Insert/edit imageウィンドウに戻りApperanceタブを開き、classのプルダウンリストからtriggerを選択します。
- 挿入したサムネイル画像を選択し、リンクボタンをクリックし、BrowseボタンでIMCEの画面を開き、元サイズ画像を選択(add)します。これでInsert/edit imageウィンドウに戻りinsertボタンを押して完了です。
3、4がユーザーさんの手順になるのですが、Image Fieldと較べると、かなり使いにくいです。それに日本語化はここでは避けられないですね。
多数のユーザーの投稿を想定する場合は、IMCEよりもImage Fieldで画像表示位置を固定する方法がよさげに思います。例えばmsn産経の記事のような感じにできるはずです。