Movable Typeのインストール方法、Movable Type用のプラグイン、Ajaxを使ったカスタマイズ例などをご紹介しています。「あんなことできないかなぁ」、「こんなことできたらいいなぁ」を形にしていきたいですの。

Movable Type 備忘録

Movable Type 4 で FCKeditor を使用する

Mar302008
Vote:
http://bizcaz.com/archives/2008/03/30-185640.php
Categories: Customize
Tags: Customize, FCKeditor, WYSIWYG
Social Bookmark

Prev Page: 自分のブログの URL を OpenID にしてみる
Next Page: Movable Type のコメント／トラックバック一覧をツリー表示

こんにちわ^^

いつも参考にさせてもらってる世界中の１％の人々へさんとこで、WYSIWYG HTMLエディタとして有名な FCKeditor を、Movable Type 4 と MTOS で使用できるプラグインのカスタマイズ!? できるようなものが公開されてました。

Movable Type を覚えたての頃に WYSIWYG というものに興味を持ってインストールしたことがあります。世界中の１％の人々へさんとこでは MT3.2 の頃に TinyMCE というプラグインを公開されてまして、当時はわたしも利用させてもらってました。

WYSIWYG（ウィジウィグ）とはカンタンにいうと、Movable Type の編集画面に Word のような多機能な編集機能を組み込む･･･といったかんじでしょうか。

もっぱらテンプレートの編集から記事の書込みなど、すべてはテキストエディタで行ってる bzbell ですが、久しぶりに WYSIWYG を入れてみたのでご紹介です (●＞∀＜●)／

制限事項

MT-Plugin-FCKeditor を利用するにあたり、いくつかの制限事項があるようです。

Movable Type 4.1か、Movable Type Open Souce（MTOS） 4.1 でのみ動作
文字コードに UTF-8 が使用されていること

MT4.1、MTOS をお使いの人のほとんどの人はクリアしてるようにも思いますが、文字コードに EUC などを使用されてる環境では利用できませんのでご注意ください。

インストール

以下の手順で FCKeditor を Movable Type にインストールしていきます。

MT-Plugin-FCKeditor 1.2ja をインストール
まず、MT-Plugin-FCKeditor 1.2ja プラグインをインストールします。以下のページ内に MT-Plugin-FCKeditor-1.2.zip というダウンロード用のリンクがありますのでそちらをダウンロードしてください。
- FCKeditor Japan
ダウンロードしたら適当なフォルダに展開して頂いて、圧縮ファイル中の mt-static/、plugins/ ディレクトリをそのまま各自の Movable Type をインストールした先にアップロードします。
※このアップロードにはチョビッと時間がかかります。

アップロードが完了したら、『システムメニュー』から『プラグイン』を選択して、「FCKeditor 1.2」というプラグインが正常に表示されていれば OK です。
表示されていなかったり、エラー表示されていた場合には、アップロードに失敗した可能性があります。なんせ、アップロードファイル数が多いので (;￣∇￣A

その場合には、再度アップロードし直してみてください。
mt-config.cgi を修正
リッチエディタに FCKeditor を利用できるように mt-config.cgi を変更します。具体的には以下の行を追加するだけです。
1. #======== RichTextEditor ==========
2. RichTextEditor FCKeditor
編集画面のデフォルトフォーマットをリッチエディタに設定
各自のブログの管理画面から『設定』＞『ブログの設定』を選択して、左横の「ブログ記事」をクリックしてください。

そして、画面中央あたりに「テキストフォーマット」という項目がありますので、そのドロップダウンリストから「リッチテキスト」を選択します。