refirio.org

TinyMCEは高機能なエディタですが、ファイルをアップロードする機能はありません。つまり本文に画像などを掲載したければ、あらかじめFTPなどでアップロードされたファイルのURLを指定する必要があります。

ですが、公式プラグインのMCImageManager（シェアウェア）を導入すれば、直接画像をアップロードして本文に掲載することができます。

以降はTinyMCEにMCImageManagerを導入するメモです。

準備

あらかじめTinyMCEを導入し、MCImageManagerも購入しておきます。

MCImageManagerの設定と設置

tiny_mce/plugins/ 内に、購入した imagemanager をアップロードします。

tiny_mce/plugins/imagemanager/files/ のパーミッションを 707 に設定します。（files/ 内に元々あるファイルはサンプルなので、削除しても大丈夫です。）

tinymce/tiny_mce/plugins/imagemanager/config.php でファイルのパスを設定します。22行目あたりにある

$mcImageManagerConfig['preview.wwwroot'] = ''; // absolute or relative from this script path, try to leave blank system figures it out.
$mcImageManagerConfig['preview.urlprefix'] = "{proto}://{host}/"; // domain name

この部分を、一例ですが以下のように変更します。（imagemanager への / からのパスと http:// からのパスを、環境に合わせて設定します。）

$mcImageManagerConfig['preview.wwwroot'] = '/var/www/html/tiny_mce/plugins/imagemanager/'; // absolute or relative from this script path, try to leave blank system figures it out.
$mcImageManagerConfig['preview.urlprefix'] = "http://www.example.com/tiny_mce/plugins/imagemanager/"; // domain name

tinymce/tiny_mce/plugins/imagemanager/login_session_auth.php で認証情報を設定します。4行目あたりにある

$username = "demo";
$password = ""; // Change the password to something suitable

この部分に、MCImageManagerにアクセスするためのユーザー名とパスワードを設定します。半角英数字で任意の値を設定します。

TinyMCEの設定

TinyMCEの plugins に imagemanager を追加します。例えば

plugins: 'advimage,advlink,contextmenu,inlinepopups,table',

と設定されている場合、以下のように ,imagemanager を追加します。

plugins: 'advimage,advlink,contextmenu,inlinepopups,table,imagemanager',

日本語化

MCImageManagerの画面は英語で表示されますが、日本語での表示にすることができます。

Languages for "MCImageManager" から「Japanese」をダウンロードします。

ダウンロードした ja.xml を tiny_mce/plugins/imagemanager/language/im/ 内にアップロードします。

tinymce/tiny_mce/plugins/imagemanager/config.php の16行目あたりにある

$mcImageManagerConfig['general.language'] = "en"; // en, sv

この部分を以下のように変更します。（en を ja に変更。）

$mcImageManagerConfig['general.language'] = "ja"; // en, sv

これで、MCImageManagerが日本語で表示されます。

起動方法

MCImageManagerを導入すると、TinyMCEの「画像を挿入/編集」画面の「画像のURL」の隣に「閲覧」アイコンが表示され、それをクリックするとMCImageManagerが起動します。login_session_auth.php で設定したユーザー名とパスワードを入力して認証します。