世界中の１％の人々へ

◆動作環境

MT-Plugin-FCKeditor-1.2のインストールされたMovable Type 4.1で動作するが、バージョンが変わった場合は動作の保証はない。
※ただし、MT4.1正規版リリース後に対応する予定はある。

◆ダウンロード

下記URLより、FCKeditor_Customkit_v1.zipをダウンロードしてほしい。 http://sourceforge.jp/projects/fckeditor/files/

◆インストール方法

予めMT-Plugin-FCKeditor-1.2をインストールし動作確認した上でという前提で、mt-staticを上書きしてほしい。それだけだ。
※MT-Plugin-FCKeditor-1.2本体は同梱されない。

MT-Plugin-FCKeditorの入手方法、インストール方法については下記を読んでほしい。
今日のMovable Type 4： Movable Type 4.1RC1でFCKeditorをカスタマイズして使うハック

◆便利な使い方の例（テーブルの挿入）

１．CSSをスタイルシートに追記

/*表制御*/

#content table {
    background-color: #FFFFFF;
    text-align: left;
    border-top: 1px solid #66CCFF;
    border-right: 0px;
    border-bottom: 0px;
    border-left: 1px solid #66CCFF;
    margin: 0px;
    padding: 0px;
    }

#content th {
    background-color: #FFFFFF;
    color: #464646;
    font-family: Verdana, Arial, sans-serif;
    font-weight: normal;
    font-size: 90%;
    line-height: 120%;
    border-top: 0px;
    border-right: 1px solid #66CCFF;
    border-bottom: 1px solid #66CCFF;
    border-left: 0px;
    margin: 0px;
    padding: 4px;
    }

#content td {
    background-color: #FFFFFF;
    color: #464646;
    font-family: Verdana, Arial, sans-serif;
    font-weight: normal;
    font-size: 90%;
    line-height: 120%;
    border-top: 0px;
    border-right: 1px solid #66CCFF;
    border-bottom: 1px solid #66CCFF;
    border-left: 0px;
    margin: 0px;
    padding: 4px;
    }

上記は罫線が水色で１ピクセルの表のCSSである。予め、CSSを登録しておくことでスタイリッシュな表の作成が簡単に可能になる。

２．ブログページを新規に開きテーブル挿入を選ぶ

テーブルを挿入したい箇所にカーソルをあてて、ボタンを押す。

３．テーブルのプロパティの編集をおこなう

ポップアップウィンドウが立ち上がるから、任意の数値や、summaryを入力する。

４．編集終了画面

残念ながら罫線の色や線幅はWYSIWYGではない。

５．編集終了画面のソース

<p>FCKeditorで、罫線1ピクセルの表を作る</p>
<table width="400" cellspacing="0" cellpadding="4" border="0" align="left" summary="表のテスト">
    <tbody>
        <tr>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
        </tr>
        <tr>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
        </tr>
        <tr>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
        </tr>
    </tbody>
</table>

４．出力画面

ご覧のように、水色の罫線１ピクセルの表ができた。

テーブルだけでなく、予めコンテンツでよく利用するタグにCSSを設定しておけば、ブログページの入力だけでなく、ウェブページの編集も用意におこなえ、合理化が図れる。

多くのMTユーザーは、まもなくMT4.1の素晴らしさを知ることになるだろう

参考になれば幸い。