IE9でMovable Typeの管理画面を操作できるようにする「EmulateIEプラグイン」

IE9でMovable Typeの管理画面を操作できるようにする「EmulateIEプラグイン」

Posted at October 22,2011 12:55 AM
Tag:[EmulateIE, MovableType, Plugin]

IE9でMovable Typeの管理画面を操作できるようにする「EmulateIEプラグイン」を紹介します。

1.機能

Movable Type 4やMT5(5.12まで)は、IE9での動作が保障されていません。本プラグインを適用することで、MT4/MT5をIE9で使えるようにします。

具体的には、次のmeta要素を管理画面に自動的に埋め込みます。この要素を埋め込むことで、IEのドキュメントモードを強制的に切り替えます。

MT4.xの場合

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

MT5.0x/MT5.1xの場合

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" />

本プラグインを作るにあたっての参考サイトは下記です。ありがとうございました。

2.具体的な改善例

MT4とMT5の具体的な改善例をスクリーンショットで示します。利用したバージョンは4.292と5.12です。

MT4.292(プラグイン適用前:編集画面が1行になってしまう)
プラグイン適用前

MT4.292(プラグイン適用後:編集画面を正常に表示)
プラグイン適用後

MT5.12(プラグイン適用前:カテゴリのドラッグ不可)
プラグイン適用前

MT5.12(プラグイン適用後:カテゴリのドラッグ可能)
プラグイン適用後

3.価格

  • 個人無償版/有償版での非商用利用/Movable Type Open Source:無償
  • 有償版での商用利用:1000円/1サーバ(税抜き、事前に動作確認してください)

無償でご利用の場合も、プラグインのご利用についてご支援・ご賛同くださる方からの寄付をお待ち申し上げます。

4.プラグインのダウンロード・インストール

下記のリンクをクリックして、プラグインアーカイブをダウンロードします。

EmulateIE_0_01.zip

プラグインアーカイブを展開し、中にあるEmulateIEフォルダごと、Movable Type のアプリケーションディレクトリのpluginsディレクトリにアップロードします。

システム管理画面のプラグイン設定画面で、「EmulateIE~」が表示されればインストール完了です。

プラグイン設定画面

5.注意事項

ドキュメントモードは、開発者モード(F12キーを押下)でも変更が可能です。

開発者モード

参考:IE8/IE9の「ブラウザーモード」と「ドキュメントモード」のまとめ

ただし、開発者モードでドキュメントモードの変更を行った後は、meta要素によるドキュメントモードの変更が効かないようです(これで1時間ほどハマりました)。

meta要素によるドキュメントモードの変更を有効にするには、開発者モードで操作したタブではなく、新しいタブで操作してください。

2012.04.22
本文を一部見直しました。

関連記事
zenback
人気エントリー
トラックバックURL


トラックバック

IE9でMTの管理画面を操作できるようにしました from 美大日記::ムサビの手羽
今日は久々の設定変更お知らせ。IE9ではMTの管理画面が(そのままでは)使えませ... [続きを読む]

Tracked on January 5, 2012 5:11 AM
コメントする
greeting

*必須

*必須(非表示)


ご質問のコメントの回答については、内容あるいは多忙の場合、1週間以上かかる場合があります。また、すべてのご質問にはお答えできない可能性があります。予めご了承ください。

太字イタリックアンダーラインハイパーリンク引用
[サインインしない場合はここにCAPTCHAを表示します]

コメント投稿後にScript Errorや500エラーが表示された場合は、すぐに再送信せず、ブラウザの「戻る」ボタンで一旦エントリーのページに戻り(プレビュー画面で投稿した場合は、投稿内容をマウスコピーしてからエントリーのページに戻り)、ブラウザをリロードして投稿コメントが反映されていることを確認してください。

コメント欄に(X)HTMLタグやMTタグを記述される場合、「<」は「&lt;」、「>」は「&gt;」と入力してください。例えば「<$MTBlogURL$>」は「&lt;$MTBlogURL$&gt;」となります(全て半角文字)