世界中の１％の人々へ

◆TinyMCE 3.07のインストール　その2

こちらは、きちんとインストールしてみたい方向きの解説。

1. drupal TinyMCE Moduleをダウンロードする。

TinyMCE WYSIWYG Editor | drupal.orgから、「6.x-1.1-dev」をダウンロードする。

TinyMCE WYSIWYG Editor | drupal.org
http://drupal.org/project/tinymce

2. 解凍してフォルダーごと、サーバーの/modules/にアップロードする。

ダウンロードしたファイル「tinymce-6.x-1.1-dev.tar.gz」を解凍してできた、「tinymce」フォルダーを、サーバーの/modules/にフォルダーごと、アップロードする。位置関係は下記。

/modules/tinymce/

3. TinyMCE本体（tinymce_3_0_7.zip）をダウンロードする。

(1)をクリックして、TinyMCE 3.0.7をダウンロードする。

Download TinyMCE 3.0.7 stable
http://tinymce.moxiecode.com/download.php

その後、(2)をクリックすると、「Japanese Language pack」のダウンロード先が開く。

4. 解凍してフォルダーごと、サーバーの/modules/tinymce/に上書きアップロードする。

5. TinyMCE Japanese Language packをダウンロード。

Japanese Language pack
http://services.moxiecode.com/i18n/

6. TinyMCE Japanese Language packを解凍してアップロード。

ダウンロードファイルを解凍してできた３つのフォルダを下記に上書きアップロード
/modules/tinymce/tinymce/jscripts/tiny_mce/

以上で、TinyMCEのインストールは完了

◆TinyMCEモジュールを有効にする

[管理セクション] > [モジュール]をクリックして、TinyMCEを有効にする。

◆TinyMCEモジュールに必要なアクセス権限の設定

 [管理セクション] > [サイトの環境設定] > [権限]をクリックして、TinyMCモジュールに必要なアクセス件をせぅっていする。

◆TinyMCEの基本設定

[管理セクション] > [サイトの環境設定]   >  [TinyMCE]  を開き、すでにプロフィールがある場合は[編集]を、ない場合は、[Create new profile]をクリック。開いた画面から以下の3箇所を設定する。

1. Basic setupの設定

• [Profile name：]はお好みでどうぞ。わからない人は[Default]とかにしておく。
• [Roles allowed to use this profile：]の[認証済みユーザ]にチェックをいれる。
• [言語]は[JA]を選択。以上で必須項目の設定は完了。

2. Buttons and pluginsの設定

機能ボタンとプラグインの追加は、好みで設定してほしい。よくわからない人は一度全てにチェックを入れて、ひととおり機能を試した後に、不要な機能を外していくといいと思う。

3. Editor appearanceの設定

• [Toolbar location：]はToolbarの位置で[bottom]か[top]かを選ぶ。個人的主観だが、初期状態の[bottom]は使いづらい。
• [Toolbar alignment：]はボタンの並び、[center]、[left]、[right]を選ぶ。

以上で機能設定は完了。細かいところは各自好みで調節してほしい。

◆コンテンツの作成の設定

コンテンツ作成前に以下の2箇所を確認してほしい。

１．入力書式の設定

Full HTMLを選択してないと入力結果は出力に反映されない。

2．イメージの設定（Img Pakageモジュールを入れている場合）

Img Palageモジュールを入れている人は、[表示モード]を[imagexx]にしておかないと、編集画面に画像が表示されない。
※FCKeditorを入れている場合は、無効にしておいても問題ない。

以上でコンテンツ作成前の設定は完了。

◆コンテンツの作成をしてみよう

１．コンテンツの編集

TinyMCEの使い方はWordによく似ており、操作は簡単なので、とくに説明はいらないだろう。あれこれいじっているうちに覚えられる。好きなように編集してみればいいと思う。

◇出力ソース

<p><img width="400" height="300" alt="マイ子" mce_src="/drupal/sites/default/files/maiko_drupal_0.gif" src="http://localhost/drupal/sites/default/files/maiko_drupal_0.gif" style="float: left; margin-left: 10px; margin-right: 10px;" /></p> <h3><b><font color="#ff0000" style="">Drupalて何？何ができるんだろう？</font></b></h3> <p>Drupalという意外と名前だけは多くの人が知っいて、アメリカでは結構Webに利用されているCMSのようだが、日本では情報が少 なくて、じつのところよくわからない。</p> <p>この実験サイトでは、ひとまず、Drupalで何ができるのかをいじりたおしてみたい。</p>

ご覧のように、TinyMCE3.0.7の出力するソースはきわめてValidなものだ。

2. プレビュー表示

プレビューボタンを押して確認を行い、それでよければ保存を押す。

3. 出力画面の確認

出力表示画面を確認しておしまい。

一度作成したエントリーを編集したい場合は、タイトルをクリックすると、エントリー単体ページ（上記画面）が表示される。タイトル横の[編集]をク リックか、 [管理セクション] > [コンテンツの管理] >[コンテンツ]をクリックして表示される、コンテンツ一覧から該当のコンテンツを探し、[編集]をクリックする。

◆TinyMCE VS FCKeditor

TinyMCEとFCKeditorを比較してみたい。

TinyMCEが勝る点

1. より正しいXHTML出力
2. 細かい設定機能
3. 機能の数（TinyMCEはプラグインで機能をどんどん増やせる）

FCKeditorが勝る点

1. 設定の容易さ
2. 操作の簡単さ（機能が少ないせいもある）
3. PCのクロックや搭載メモリが少なくても安定して動く（TinyMCEはPC環境が貧弱だと動作がおかしくなる）

あくまでも個人的な主観だが、僕はFCKeditorを使う。基本のCSS設計さえきちんとやっておけば、TinyMCEの多機能はいらない。高機能より少ないメモリでも安定して動く方がいい。