記事編集画面に色選択ボタンを追加するプラグイン

Movable Typeの記事編集画面には、文字サイズ等の書式を設定するボタンがいくつかあります。
しかし、文字色や背景色を設定するボタンがありません。
そこで、これらのボタンを追加するプラグインを作りました。
Movable Type 4.12と、MTOS4.2の最新リビジョンで動作を確認しました。

ただし、「とりあえず動く」というレベルで、ブラウザによって制限があります。
本格的にさまざまな書式設定を行いたい方は、FCKEditorなどの他のプラグインを使われることをお勧めします。

↓動作例

1.インストール

このプラグインは以下からダウンロードすることができます。

SelectColor_1_00.zip

ダウンロードしたファイルを解凍すると、「plugins」と「mt-static」の2つのフォルダができます。
これらのフォルダを、Movable Typeのインストール先ディレクトリにアップロードすると、インストール完了です。

このプラグインをインストールすると、記事編集画面に文字色と背景色の2つのボタンが追加されます。
文字色／背景色を設定したい範囲を選択して、これらのボタンをクリックし、色を選んで設定します。

2.ブラウザごとの制限

ブラウザごとに、以下のような制限があります。

3.出力されるHTML

リッチテキストエディタをオンにして色を設定した場合、ブラウザごとに出力されるHTMLが異なります。

一方、リッチテキストエディタをオフにした場合、どのブラウザでも、色を設定した部分は以下のタグで囲まれます。