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
で設定したユーザー名とパスワードを入力して認証します。